• Success Criterion 1.4.12
  • Conformance level AA

Letter Spacing Set in Pixels That Ignores User Overrides

1.4.12 — Text Spacing

Scenario

Setting

A video-conferencing app's meeting controls

What’s wrong

CSS letter-spacing defined in px on components that then ignore relative overrides *and* clip.

Example

Here's a real case from a video-conferencing app's meeting controls: CSS letter-spacing defined in px on components that then ignore relative overrides *and* clip.

Why it matters

People with dyslexia or low vision who apply extra text spacing to read. On a video-conferencing app's meeting controls, this barrier means they can't perceive part of the content because of how it's displayed.

How to test

Apply the text-spacing override where letter-spacing is defined in fixed px on a component: if it ignores the relative override and also clips, 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 video-conferencing app's meeting controls now lets a visitor see the control's boundary and current state, specifically for the “Letter Spacing Set in Pixels That Ignores User Overrides” issue on a video-conferencing app's meeting controls.

Who is affected

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

Learn more

Related scenarios