Accessibility demos

AODA's Information and Communications standard expects public websites to meet the WCAG 2.0 Level AA. Those rules feel abstract on paper, so these two demos let you experience what they actually protect.

Hear a page through a screen reader

Millions of people browse with a screen reader that speaks the page aloud. Step through the sample below to hear what it announces for each element: its accessible name and its role. Then switch to landmark mode to see how someone moves through a page by region instead of reading top to bottom. It's a fast way to feel why alt text, link wording, and headings carry so much weight.

Screen reader announces

“Accessible entrances”, heading level 2

1 of 4 · element mode

Contrast you can read

WCAG asks for a contrast ratio of at least 4.5:1 for normal text. Compare the two samples, then use the High contrast button in the header to switch the whole site to a maximum-contrast theme, and it remembers your choice on your next visit.

Low-contrast text is hard to read for many people.

2.3:1 · fails WCAG AA

High-contrast text stays readable for everyone.

21:1 · passes WCAG AA

New to the law itself? Start with what AODA is, or see the training guide.