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

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

person Coding man    schedule 05.07.2018    source источник
comment
Попробуйте установить атрибут aria-label для выхода из системы.   -  person G. Tranter    schedule 05.07.2018


Ответы (1)


Вы можете использовать свойство aria-label для переопределения текстового содержимого:

<md-button tab-index="0" role="button" aria-label="log out">Log out</md-button>
person G. Tranter    schedule 06.07.2018