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

Question

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

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

Я также попытался роль = «боевой готовности» и ария одноатомного = 'true'properties, но его до сих пор не читаемый на Chrome и IE браузером.

Answer 1

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

Подробнее здесь: Jaws doesn't read error message

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