- Success Criterion 1.4.12
- Conformance level AA
Tooltip or Dropdown That Truncates Under Text-Spacing Overrides
1.4.12 — Text Spacing
Scenario
Setting
A recipe site's ingredient list
What’s wrong
Tooltips/dropdowns sized to unspaced text truncating under override.
Example
Watch a recipe site's ingredient list closely and you'll spot this: tooltips/dropdowns sized to unspaced text truncating under override.
Why it matters
People with dyslexia or low vision who apply extra text spacing to read. In this case (a recipe site's ingredient list), they can't read the text against its background.
How to test
Apply the text-spacing override and open tooltips/dropdowns: if they're sized for unspaced text and now truncate, 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
Once corrected, a recipe site's ingredient list lets them tell the information apart without relying on color, specifically for the “Tooltip or Dropdown That Truncates Under Text-Spacing Overrides” issue on a recipe site's ingredient list.
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
- JavaScript Truncation That Deletes Content on Text-Spacing Change