Skip to main content

🎉 Lumtera Pro Introductory Offer — 50% OFF! ✨ Go Pro for half the price. Limited time! 🚀

Offer ends in 0d 00h 00m

Get Lumtera Pro

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

Updated for Lumtera 1.2.2 and Lumtera Pro 1.1.1.

Why does it matter?

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 does Lumtera flag?

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.

Check ID page-link-color, as shown in review mode and saved results.

How do I 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 do I check the 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.

Start with the free plugin today

All 69 content checks and 33 whole-page checks, fixes you approve with undo, and the site report — free, with no account and no page limits.