• Success Criterion 1.4.12
  • Conformance level AA

Fixed-Height Container Clipping Text at Wider Line Spacing

1.4.12 — Text Spacing

Scenario

Setting

A calendar app's event-creation form

What’s wrong

Fixed-height containers with overflow:hidden (style that clips overflowing content) clipping expanded text (cards, buttons, nav items).

Example

On a calendar app's event-creation form, a visitor hits this wall: fixed-height containers with overflow:hidden (style that clips overflowing content) clipping expanded text (cards, buttons, nav items).

Why it matters

People with dyslexia or low vision who apply extra text spacing to read. On a calendar app's event-creation form, this barrier means they can't read the text against its background.

How to test

Apply the text-spacing override to a fixed-height card/button/nav item: if overflow:hidden clips the now-taller 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

Corrected, a calendar app's event-creation form now lets a visitor 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

Related scenarios