Как сделать сообщение об ошибке читаемым JAWS

Question

У меня следующее сообщение об ошибке на экране, но оно не читается программой чтения с экрана JAWS версии 15.

<span aria-live="assertive" aria-invalid="true">
<span class="accessibleText">Error</span>Enter a valid Phone number.</span>

Я также пробовал role='alert' и aria-atomic='true' свойства, но они все еще не читаются в браузерах Chrome и IE.

Answer 1

Тебе необходимо role="alert" и вам нужно изменить DOM (текст) внутри role="alert" элемент. Используйте JavaScript, чтобы изменить текст внутри диапазона availableText, или добавьте / удалите весь диапазон из DOM с помощью JavaScript.

Подробнее здесь: Jaws не читает сообщение об ошибке

<span aria-live="assertive" aria-invalid="true">
<span role="alert" class="accessibleText">Error</span>Enter a valid Phone number.</span>