WCAG 1.4.12 Text Spacing Test — Every Rule, Tested in Seconds

WCAG 1.4.12 Text Spacing is a Level AA success criterion that requires users to override your text spacing without breaking the layout. The test is four specific values: line-height at least 1.5x the font size, paragraph spacing at least 2x, letter-spacing at least 0.12em, word-spacing at least 0.16em. If any of these clips or overlaps text, you fail. Here is the full test, why it matters, and how to pass it in five minutes.

The four values WCAG 1.4.12 requires

Property	Minimum	What it means
line-height	1.5x font-size	Gap between lines
paragraph spacing	2x font-size	Gap after paragraph
letter-spacing	0.12em	Gap between characters
word-spacing	0.16em	Gap between words

The rule: users with dyslexia, low vision, or cognitive disabilities use browser extensions and user stylesheets to force these minimum values. Your layout must survive those overrides without text overlapping, getting cut off, or requiring horizontal scrolling.

Why WCAG 1.4.12 matters beyond compliance

About 15% of US adults have some form of reading disability. Dyslexia affects roughly 10-20% of the population to varying degrees. Users with these conditions often enable browser extensions that apply the minimum WCAG spacing. If your layout breaks under those overrides, the content becomes unreadable for a large slice of your audience.

Beyond human value: US Title III ADA lawsuits against inaccessible websites hit a record in 2023-2024 and are still climbing. WCAG 2.1 Level AA is the practical compliance floor for federal contractors, state websites, and most enterprises.

Sell Custom Apparel — We Handle Printing & Free Shipping

How to test your CSS in one step

1. Open the spacing checker.
2. Paste your current CSS values — font-size, line-height, letter-spacing, word-spacing, margin-bottom on paragraphs.
3. The checker evaluates each against WCAG 1.4.12 and shows pass/fail per property.
4. Click Auto-Fix to generate CSS that passes. Copy it into your stylesheet.

The tool runs entirely in your browser. No upload, no account, no bookmarklet install.

What usually fails and why

line-height: normal — the browser default varies by font (usually around 1.15-1.2x). That is below 1.5x and fails 1.4.12. Explicitly set line-height: 1.5 or higher on body text.

letter-spacing not set — browsers default to 0, which fails the 0.12em minimum when users apply their override. Set letter-spacing: 0.12em explicitly, or at least ensure your layout does not break when users force that value.

margin-bottom: 0 on paragraphs — paragraph spacing defaults to 1em on most stylesheets but many resets zero it out. Set margin-bottom: 2em (or 2x font-size equivalent) on paragraphs.

Fixed-height containers — if you wrap text in a div with a fixed pixel height, applying WCAG spacing overflows and clips content. Use min-height or let content expand naturally.

Testing your layout at the minimum values

Compliance is not just "set these values" — it is "layout survives when users force these values." Apply this CSS to your page temporarily and verify no text clips, overlaps, or overflows:

* {
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  word-spacing: 0.16em !important;
}
p {
  margin-bottom: 2em !important;
}

If anything breaks (buttons grow taller than expected, fixed-height cards clip, navigation wraps awkwardly), fix the layout — not the text override.

Frequently Asked Questions

Is WCAG 1.4.12 part of WCAG 2.0 or 2.1?

It was added in WCAG 2.1 as a Level AA success criterion. WCAG 2.0 did not include it. The rule carried forward to WCAG 2.2 unchanged.

Do I need letter-spacing: 0.12em applied by default?

No. You only need your layout to NOT BREAK when users force 0.12em. You can keep letter-spacing at 0 (browser default) as long as applying 0.12em does not overflow or clip text.

What about word-spacing: normal?

Browser default is usually 0, which fails. The rule is your layout must survive when users apply 0.16em word-spacing. Test by applying the CSS in the section above.

Does 1.4.12 apply to all text or just body text?

All text. Headings, paragraphs, buttons, navigation, labels, error messages. Any text that users read. The minimum values apply to each element type.