Angular material 屏幕阅读器[NVDA]未将大写字母的按钮文本作为文字读取

Angular material 屏幕阅读器[NVDA]未将大写字母的按钮文本作为文字读取,angular-material,nvda,Angular Material,Nvda,我有一个按钮,上面的文字应该是大写的“注销”。 但是,当使用选项卡按下按钮对焦时,NVDA屏幕阅读器将其逐字读取为“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> &l

我有一个按钮,上面的文字应该是大写的“注销”。 但是,当使用选项卡按下按钮对焦时,NVDA屏幕阅读器将其逐字读取为“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>
angular.module('MyApp', ['ngMaterial'])
.controller('AppCtrl', function($scope) {
});

您可以使用
aria标签
属性覆盖文本内容:

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

尝试将
aria标签
属性设置为“注销”。