'How to force Jaws to read modal content the same every time?
I have a modal that triggers after 10 mins of user inactivity and am working to make the modal more accessible.
The issue is that the first time the modal renders Jaws reads a bunch of outside content related to where the user was on the page before the modal triggered. It also skips over a portion of the modal content and just reads the button at the bottom which is focused. Any time the modal triggers afterwards it responds as expected. Reading the modal content followed by the buttons at the bottom of the modal.
How do I force it to respond correctly the first time and not read the outside content?
I've tried adding the following to the modal:
- aria-live (polite/assertive): this makes no difference
- role="alert" - this forces the modal content to be read first which is better, but then it still reads all of the previous where the user was content after, which is a pretty confusing user experience
- aria-labeledby/aria-described by: makes no difference
- tabindex="0": makes no difference
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|