ARIA Tests
This page does not illustrate a good use of ARIA. It is
just a way to test how different screen reader & browser
combinations handle live regions. There's a timer on this page that
changes every second. So, it can be quite disruptive when aria-live is
set to either polite or assertive. In my screen reader tests so far,
though, if you keep moving around the page, you can keep it quiet even
with assertive...
- aria-live="off" by default
- aria-atomic="false" by default
- The quiz timer and the div have no roles set. (Some roles have default values for aria-live and aria-atomic.)
- The aria-live and aria-atomic attributes are set on a div (outlined with a red box) that contains:
- a heading that says "Timer"
- a link that says "Start Timer"
- a text input field that is updated using JavaScript