Skip to main content

Whole page

Links look the same as the text around them

WCAG 2.2 success criterion 1.4.1 Use of Color (Level A)

WCAG 2.2
1.4.1 Use of Color
Level
A
Default severity
Error
Available in
Free

Why it matters

Many themes remove the underline from links and rely on color alone. If the link color is close to the text color, people with color blindness or low vision — and anyone on a glare-washed screen — cannot see there is a link in the sentence at all.

Who it affects: Keyboard, screen reader and low-vision users — every visitor meets the page title, language, landmarks, keyboard focus, target sizes and zoom settings on every page.

What Lumtera flags

Checked in review mode's Whole page tab, on links inside running text (paragraphs, list items, table cells, quotes and captions with words around the link). A link is reported when it has no other visual cue — no underline, border, background, shadow, or clear change in weight, style, font or letter case — and its color differs from the surrounding text by less than 3:1. Links with the same pair of colors are grouped; menus, buttons and card titles are not checked.

How to fix it in WordPress

Underline links in body text (the simplest fix, usually a theme or Styles → Elements → Link setting). If you keep them without underlines, the link color needs 3:1 contrast against the text and a visible change such as an underline on hover and keyboard focus.

Example

Flagged on the rendered page
.entry-content a { color: #3a3a3a; text-decoration: none; } /* body text #222222 */
Fixed
.entry-content a { color: #1d4ed8; text-decoration: underline; }

How to check your fix

  1. Reload the page in review mode and run the Whole page tab again. The finding disappears once the rendered page passes.
  2. Load the page and press Tab: a "Skip to content" link should appear first, and you should always see where focus is, even under a sticky header. Pinch-zoom on a phone, and check the browser tab shows a meaningful title.

Check your pages with Lumtera

This check is free. Open any post, choose Accessibility in the admin bar, then the Whole page tab: Lumtera checks the page as your browser renders it, theme, menus and footer included, one page at a time.

All checks

Start with the free plugin today

All 64 checks, the editor sidebar, Elementor panel and site report — free, with no account and no page limits.