- Success Criterion 1.4.12
- Conformance level AA
JavaScript Truncation That Deletes Content on Text-Spacing Change
1.4.12 — Text Spacing
Scenario
Setting
A car-rental site's checkout flow
What’s wrong
JS truncation re-running and deleting content when spacing changes metrics.
Example
A car-rental site's checkout flow is a good example: JS truncation re-running and deleting content when spacing changes metrics.
Why it matters
People with dyslexia or low vision who apply extra text spacing to read. The practical effect on a car-rental site's checkout flow: they miss information conveyed only by color.
How to test
Apply the text-spacing override where JS auto-truncation runs (character counters, ellipsis logic): if it deletes content when the spacing metrics change, 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
That one change on a car-rental site's checkout flow means they read the text clearly against its background.
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
- Tooltip or Dropdown That Truncates Under Text-Spacing Overrides