Tools › Accessibility
Accessibility
Check a page or a design for the problems that keep people out: run an automated WCAG check, test text and background colours for contrast, see a screenshot as people with colour blindness see it, and follow the order the keyboard moves through a page.
Accessibility CheckPaste a page’s HTML, or choose an HTML file, to check it with axe, the engine behind many accessibility testing tools, and to see its heading outline, link wording and picture descriptions for checking by eye.
Keyboard Focus OrderPaste a page’s HTML to see the order the Tab key moves through it, numbered on the page, with the stops that have no name, jump the queue, hide from screen readers or can’t be reached at all.
Colour Blindness SimulatorSee a picture or screenshot as people with each kind of colour blindness see it, side by side, to check that charts, maps and status colours still make sense without the colours you rely on.
Contrast CheckerCheck text against its background by WCAG 2's contrast ratio (AA, AAA) and by APCA, the newer method drafted for WCAG 3, and get the nearest text colour that passes.
Guides
Writing content everyone can readMake text, captions and charts that work for more people: plain-language reading levels, why fancy Unicode letters break screen readers, invisible characters, caption timing, and colours that survive colour blindness.
Is my web page accessible?Check a page for the problems that shut people out: automatic checks, text contrast, colour blindness and keyboard focus order, with what to fix first.