0

I have following Error message on screen, but its not readable by JAWS version 15 screen reader.

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

I have also tried role='alert' and aria-atomic='true'properties but its still not readable on Chrome and IE browser.

Raj
  • 183
  • 3
  • 17

1 Answers1

1

You need a role="alert" and you need a change to the DOM (text) inside the role="alert" element. Use JavaScript to change the text inside the accessibleText span, or add/remove the entire span from the DOM with JavaScript.

More details here: 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>
Community
  • 1
  • 1
bo_
  • 188
  • 1
  • 8