WCAG A/AA requirement Priority: Moderate
Links in text look like normal text
Some links inside paragraphs are shown only by a colour change, with no underline or other visible marker.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
People with colour vision deficiency or low vision may not notice links to delivery terms, size guides or returns, and miss information they need.
Who is affected
- people with colour vision deficiency
- people with low vision
- older customers
How to fix it
Underline links in body text, or give them another non-colour cue. If you rely on colour alone, the link needs at least 3:1 contrast with the surrounding text, plus a visible change on hover and focus.
On Shopify
Usually set in the theme's typography or link styles. Turn on link underlines in theme settings if available, or add an underline rule in the theme's CSS.
On Shoptet (CZ)
Usually template styles. Add an underline rule for content links through the custom CSS code options.
On PrestaShop
Usually theme CSS removes underlines. Add an underline rule for links in content areas in the theme's custom CSS.
On WooCommerce
Usually theme or block-editor styles that remove underlines. Restore underlines for links in content areas through the customizer, global styles or child-theme CSS.
Standards
| Standard | Clause |
|---|---|
| WCAG 2.2 | 1.4.1 (A) Use of Color |
| WCAG 2.1 | 1.4.1 (A) Use of Color |
| WCAG 2.0 | 1.4.1 (A) Use of Color |
| EN 301 549 4.1.1 | 9.1.4.1 |
| EN 301 549 3.2.1 | 9.1.4.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.4.1 |
Automated check: axe-core rule link-in-text-block.
dequeuniversity.com, github.com, www.w3.org
Related checks
-
Text is hard to read because of low contrast
WCAG 1.4.3 AA
-
Custom menus or lists are built incorrectly
WCAG 1.3.1 A
-
A label or value stands outside its list
WCAG 1.3.1 A
-
A list item is outside a list
WCAG 1.3.1 A