• 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 

* { line-height: 1 !important; letter-spacing: 0 !important; }

Why it matters

People with dyslexia or low vision who apply extra text spacing to read.

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. /* No !important overrides — let user style sheets adjust spacing */ !important locks out user stylesheets that increase line/letter/word spacing for readability.

Outcome

On a pharmacy app's prescription-refill form, this barrier is gone for people with dyslexia or low vision who apply extra text spacing to read — they can complete the task without hitting this wall.

Who is affected

People with dyslexia or low vision who apply extra text spacing to read.

Learn more

Related scenarios