- Success Criterion 1.4.12
- Conformance level AA
Menu Items Pushed Out of Reach by Wider Word Spacing
1.4.12 — Text Spacing
Scenario
Setting
A dating app's profile setup
What’s wrong
Menus where increased word spacing pushes items out of clickable region (functionality loss).
Example
On a dating app's profile setup: menus where increased word spacing pushes items out of clickable region (functionality loss).
Why it matters
People with dyslexia or low vision who apply extra text spacing to read. On a dating app's profile setup, that means they can't perceive the control's boundary or state.
How to test
Apply the text-spacing override to a menu: if increased word spacing pushes items outside their clickable region, functionality is lost and 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
With the fix in place on a dating app's profile setup, they tell the information apart without relying on color.
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