Проблема доступности при наведении курсора мыши с помощью инструмента NVDA

Я использовал инструмент NVDA для выявления проблем доступности на HTML-странице. Я получаю сообщение о том, что подсказка не читается.

<span class="icon-interface-question-mark" title="Click for Info" (click)="showAdditionalInfo()">

Я добавил атрибут title, чтобы исправить проблему. Но это не работает. Пожалуйста, предложите.


person Arnab    schedule 26.12.2018    source источник


Ответы (1)


Если это ваш единственный код для всплывающей подсказки, фокус клавиатуры не переместится на него. Вам понадобится tabindex="0", чтобы позволить пользователю клавиатуры переходить к нему.

Но это тоже было бы плохим дизайном, потому что в неинтерактивных элементах не должно быть позиций табуляции.

Взгляните на (еще не полный) шаблон всплывающей подсказки на тему "Практика разработки WAI-ARIA 1.1".

Всплывающая подсказка должна быть связана с полем ввода и должна отображаться, когда поле ввода получает фокус. Сама всплывающая подсказка не должна получать фокус.

person slugolicious    schedule 26.12.2018