屏幕阅读器无法将大写字母中的按钮文本读作文字 [NVDA]

Question

我有一个按钮，文本应该以大写形式显示为 "LOG OUT"。但是，当使用 TAB 按下按钮获得焦点时，NVDA screen-reader 将其逐个字符读取为 "L"、"O"、"G", "O","U", "T" 而不是两个词 "LOG" 和 "OUT".

HTML:

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp">
      <md-button tab-index="0" role="button">Log out</md-button> 
</div>

JS:

angular.module('MyApp', ['ngMaterial'])
.controller('AppCtrl', function($scope) {
});

Answer 1

您可以使用aria-label 属性覆盖文字内容：

<md-button tab-index="0" role="button" aria-label="log out">Log out</md-button>

Button text in Upper case letters not read as words by screen readers [NVDA]