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)