WordPress Text Spacing Accessibility — Check and Fix Without Plugins
- Most WordPress themes fail WCAG 1.4.12 out of the box — tight line-height, zero paragraph spacing
- Check your theme with the browser override CSS, no plugin install required
- Fixes for Twenty Twenty-Four, Astra, Kadence, GeneratePress, and Gutenberg block editor
Table of Contents
WordPress powers 40%+ of the web, and most default themes ship with text spacing that fails WCAG 1.4.12. Tight line-height (often 1.3), zero paragraph spacing in resets, and inline letter-spacing overrides in themes. The good news: checking compliance does not require an accessibility plugin. The browser + a free checker tool gets you a full audit in 15 minutes.
WordPress theme defaults that fail WCAG 1.4.12
| Theme | Default line-height | Paragraph spacing | Pass? |
|---|---|---|---|
| Twenty Twenty-Four | 1.5 (pass) | Follows block styles | Mostly pass |
| Astra | 1.6 body, 1.2 headings | 1em paragraph | Partial — headings tight, paragraph low |
| Kadence | 1.5 body | 1em default | Partial — paragraph spacing low |
| GeneratePress | 1.5 body | 1em default | Partial — paragraph spacing low |
| OceanWP | 1.7 | 1.5em paragraph | Pass |
| Hello Elementor | 1.5 or Auto | Varies by widget | Check per section |
Paragraph spacing at 1em fails because WCAG requires 2x font size. Increase to 2em globally.
How to check your site without installing plugins
- Open your WordPress site in Chrome or Firefox.
- Right-click body text, select Inspect Element.
- In Computed tab, note: font-size, line-height, letter-spacing, word-spacing, margin-bottom.
- Paste values into our spacing checker.
- For layout-resilience, run the override CSS (next section).
No accessibility plugin required. Zero software install beyond the browser.
Layout resilience — paste this into DevTools
const style = document.createElement('style');
style.textContent = `
* {
line-height: 1.5 !important;
letter-spacing: 0.12em !important;
word-spacing: 0.16em !important;
}
p { margin-bottom: 2em !important; }
`;
document.head.appendChild(style);
Run this in Console. Scroll your site. Look for clipped widgets, broken columns, misaligned sidebars, navigation wrapping, or tables overflowing.
Sell Custom Apparel — We Handle Printing & Free ShippingFix WordPress text spacing with Customizer Additional CSS
Navigate to Appearance > Customize > Additional CSS. Paste:
body, p, li, blockquote {
line-height: 1.6;
letter-spacing: 0;
word-spacing: 0;
}
p {
margin-bottom: 2em;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.3; /* tighter for headings */
margin-bottom: 0.5em;
}
button, .button, input[type="submit"] {
line-height: 1.5;
}
This gives you WCAG 1.4.12 compliance for body text while keeping headings visually tight (which is aesthetically appropriate).
Gutenberg block editor specifics
Gutenberg applies per-block typography settings that override theme CSS. In the block editor, check each block's typography panel:
- Paragraph block: set line-height to 1.5, spacing > margin bottom to 2em
- Heading block: line-height can be 1.2-1.3, spacing appropriate for hierarchy
- Button block: line-height 1.5, adequate padding
- List block: line-height 1.5, list-item spacing 0.5em
Set these in Global Styles (Site Editor) so they apply to all blocks: Styles > Typography > set site-wide defaults.
Why you do not need an accessibility plugin for this
Accessibility plugins like WP Accessibility, One Click Accessibility, and UserWay add overlay features (high contrast toggle, font size buttons) that are controversial — many accessibility advocates consider overlay tools harmful because they mask real issues without fixing them.
For actual WCAG 1.4.12 compliance, fixing the CSS directly is the correct approach. Plugins cannot fix theme-level CSS issues; they can only add overlays that most users do not enable. Spend the time on CSS; skip the plugin.
Check Your WordPress Site in 15 Minutes
Inspect your theme's computed styles. Paste values. Get pass/fail and copy-ready fix CSS.
Open Free Spacing CheckerFrequently Asked Questions
Does WP Accessibility plugin check text spacing?
WP Accessibility focuses on skip links, ARIA labels, and form labels — not text spacing. It does not flag 1.4.12 issues. A separate spacing checker is required.
Should I use an accessibility overlay tool like UserWay or AccessiBe?
Overlay tools are controversial. Many accessibility experts consider them harmful because they mask issues rather than fix them, and they often create new accessibility problems. Fix your CSS instead.
Will my theme update overwrite my Custom CSS fixes?
Custom CSS in Appearance > Customize > Additional CSS is preserved across theme updates. Custom CSS in style.css (theme file) is overwritten — use a child theme or the Customizer.
Does WooCommerce checkout respect these global spacing changes?
Partially. WooCommerce has its own CSS for checkout elements. You may need WooCommerce-specific overrides in your Custom CSS. Inspect each element and add specific selectors as needed.
