# Links must be distinguishable without relying on color

Source: https://www.fixreports.com/issues/link-in-text-block

WCAG 1.4.1 Use of Color · Level A

Links inside paragraphs are only distinguished by colour, so people who can't see the colour difference miss them.

## What this rule checks
Ensure links are distinguished from surrounding text in a way that does not rely on color.

## Why it matters
WCAG 1.4.1 requires information not to rely on colour alone.

## How to fix it
### On any website
1. Underline links in body text, or give them a 3:1 contrast with the surrounding text plus a non-colour cue on hover and focus.

### On Shopify
1. Underline links in body text, or give them a 3:1 contrast with the surrounding text plus a non-colour cue on hover and focus.

### On WooCommerce and WordPress
1. Underline links in body text, or give them a 3:1 contrast with the surrounding text plus a non-colour cue on hover and focus.

## How to check the fix
- Re-scan the affected pages.

## Sources
- axe-core rule documentation (Deque): https://dequeuniversity.com/rules/axe/4.13/link-in-text-block
- Understanding WCAG 1.4.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/use-of-color