ARIA Timer

The timer role is to be used on any timer or clock, including stopwatch readouts and countdown timers. Because of the immediate nature of the information given, it is recommended you use aria-live="assertive" to announce the value of the timer.

Timer Example

This solution is good for new as well as existing work.

This demo is based on code from this article by Mateusz Rybczonek . It has been modified to add accessibility features to it.

Example code explanation

Below is the HTML of the above example. Use the dropdown to highlight each of the individual steps that makes the example accessible.

☜ Scroll to read full source ☞