WCAG A/AA requirement Priority: Moderate
Text spacing cannot be adjusted
Some text has its line, letter or word spacing locked with !important in a style attribute, so readers cannot change it with their own settings.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
People with dyslexia or low vision often use browser extensions or their own styles to widen spacing. On these elements their settings are ignored, so product descriptions, prices or notices stay hard to read.
Who is affected
- people with dyslexia
- people with low vision
- people with cognitive disabilities
How to fix it
Remove !important from line-height, letter-spacing and word-spacing in inline style attributes, or move this styling into the stylesheet. Then check that nothing is cut off or overlaps when line height is 1.5 times the font size, paragraph spacing 2 times, letter spacing 0.12 times and word spacing 0.16 times.
On Shopify
Usually inline styles from page builders, apps or custom HTML in the theme. Remove !important in the Liquid code or the app or builder settings.
On Shoptet (CZ)
Usually in content pasted into the editor with its formatting. Clear the formatting in the editor; if the style comes from the template, ask Shoptet or a partner.
On PrestaShop
Usually in content from the CMS editor or in module templates. Remove inline !important spacing in the .tpl files or in the edited content.
On WooCommerce
Common with page builders and text pasted from Word or other sites. Set the spacing in the builder's style settings or the theme stylesheet instead of inline.
Standards
| Standard | Clause |
|---|---|
| WCAG 2.2 | 1.4.12 (AA) Text Spacing |
| WCAG 2.1 | 1.4.12 (AA) Text Spacing |
| EN 301 549 4.1.1 | 9.1.4.12 |
| EN 301 549 3.2.1 | 9.1.4.12 |
| ДСТУ EN 301 549 2022 | 9.1.4.12 |
Automated check: axe-core rule avoid-inline-spacing.
dequeuniversity.com, github.com, www.w3.org
Related checks
-
Buttons and links are too small to tap easily
WCAG 2.5.8 AA
-
Some switches and checkboxes have no name
WCAG 4.1.2 A
-
Links in text look like normal text
WCAG 1.4.1 A
-
The page uses outdated blinking-text markup
WCAG 2.2.2 A