- Success Criterion 1.3.2
- Conformance level A
Visible Page Text Completely Skipped by the Screen Reader
1.3.2 — Meaningful Sequence
Scenario
Setting
A subscription box service's account settings
What’s wrong
Visible text content is skipped entirely by the screen reader (missing from the accessibility tree) — sighted users see information that assistive technology users never encounter at all.
Example
.step-2 { order: 1; } .step-1 { order: 2; } /* visual order ≠ DOM order */Why it matters
Screen-reader and keyboard users who encounter content in DOM order.
How to test
Read the full page with a screen reader: if visible text you can see on screen is never announced at all, check whether it's excluded from the accessibility tree (e.g., aria-hidden or CSS visibility tricks).
How to fix
The screen reader must read content in an order matching the visual/logical order, item by item — nothing skipped, merged, fragmented, or added.
<!-- DOM order matches the order the CSS makes visible: step-1, then step-2 -->When CSS reorders content visually, the underlying DOM order must still match, or the reading order breaks.
Outcome
On a subscription box service's account settings, this barrier is gone for screen-reader and keyboard users who encounter content in DOM order — they get the same result as anyone else here.
Who is affected
Screen-reader and keyboard users who encounter content in DOM order.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- CSS Layout Changes That Scramble the Screen Reader’s Reading Order
- Word Spelled Out Letter by Letter Instead of Read as a Word
- Text Columns Faked With Spaces Read Aloud Out of Order
- Layout Table That Reads in a Nonsensical Order When Linearized
- CSS Reordering That Makes Code Order Differ From Visual Order
- Multi-Column Article Whose Code Order Interleaves the Columns