屏幕阅读器不会将大写字母的按钮文本视为单词[NVDA]

Question

我有一个按钮，该按钮的文本应以大写形式显示为“ LOG OUT”。 但是，当按下 TAB 键使按钮聚焦时，NVDA屏幕阅读器将按字符依次读取该字符，例如“ L”，“ O”，“ G”，“ O”，“ U”，“ T”，而不是两个单词“ LOG”和“ OUT”。

Demo for the issue.

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>