- Success Criterion 1.4.12
- Conformance level AA
Images or Controls That Disappear Under Text-Spacing Settings
1.4.12 — Text Spacing
Scenario
Setting
A pharmacy app's prescription-refill form
What’s wrong
Images or entire controls disappear when the user applies text-spacing overrides — not just clipped text, but whole elements vanishing from the page.
Example
A tester reviewing a pharmacy app's prescription-refill form finds this: images or entire controls disappear when the user applies text-spacing overrides — not just clipped text, but whole elements vanishing from the page.
Why it matters
People with dyslexia or low vision who apply extra text spacing to read. On a pharmacy app's prescription-refill form specifically, they miss information conveyed only by color.
How to test
Apply the text-spacing override across the page: if entire images or controls disappear (not just clipped text), it fails.
How to fix
With user text-spacing overrides applied (line height 1.5, paragraph 2x, letter 0.12em, word 0.16em), all content and controls must remain visible and usable.
Outcome
Fixed, a visitor to a pharmacy app's prescription-refill form can see the control's boundary and current state.
Who is affected
People with dyslexia or low vision who apply extra text spacing to read.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Text That Clips or Overlaps Under User Text-Spacing Settings
- Fixed-Height Container Clipping Text at Wider Line Spacing
- Text Overlapping the Section Below After Spacing Changes
- Author CSS Blocking the User’s Own Text-Spacing Stylesheet
- Button Label That Vanishes Under Increased Text Spacing
- Tooltip or Dropdown That Truncates Under Text-Spacing Overrides