Links distinguished only by color on Shopify
What this is
3 links inside text are told apart from surrounding text by color alone, which people with color blindness may not see.
Who it affects
- People with color blindness
- People with low vision
Standards
How to fix it
- Underline links inside paragraphs (the simplest, most recognisable cue).
- Or add another non-color cue such as bold weight and keep a 3:1 contrast against the surrounding text.
On Shopify
Online Store → Customize → Theme settings → Colors (adjust the color scheme), or change the CSS color in `base.css`/`theme.css`.
Other platforms
Prompt for an AI coding tool
Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.
Check your own website
Paste a web address. The free scan checks one page and shows what it finds.
More fixes
Automated testing detects only a portion of WCAG issues. Manual testing is required to assess full conformance.