Текст кнопки заглавными буквами не читается как слова программами чтения с экрана [NVDA]

Question

У меня есть кнопка, текст которой должен отображаться в верхнем регистре как «ВЫХОД». Но когда кнопка фокусируется с помощью нажатия TAB , программа чтения с экрана 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>

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>