Skip to content We're live on Product Hunt today Upvote
install

panel tab · one of 9 5 sections free, no counter

A11y

What does assistive software actually receive when it opens this page?

Contrast, landmarks, the accessibility tree and focus order - what assistive software is given for this page.

Reach it Press + K on any tab and type a11y. Ctrl + K on Windows and Linux

The A11y tab of the LoupeKit panel
A11y the panel as it opens, over a real page 5 sections

A conformance statement is a claim, and the sections above it are the measurements a claim has to be built out of. Audit lists what this page fails and prints the value it measured, not a verdict on its own; Contrast takes a pair of colours to AA, AAA and APCA, which disagree often enough to matter; Tree shows the page as assistive software receives it - roles and names, not markup, so a div that looks like a button is exactly as unlabelled here as it is there. Vision covers the sight an audit cannot check at all. Conformance writes the statement out of what was measured rather than out of what was intended.

section#sections

What the A11y tab is made of

Audit
Every WCAG check this page fails, with the measured value.
Tree
The page as assistive software receives it — roles and names.
Contrast
Any two colours, against AA, AAA and APCA.
Vision
The page through twenty-three kinds of sight.
Conformance
The published accessibility statement a buyer asks for, criterion by criterion.