Links distinguished only by color on Elementor
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 Elementor
Site Settings → Global Colors, or select the widget → Style → Typography/Text Color. Fixing the global color fixes every use.
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.