What does this mean?
Links must be appear visually distinct from regular text. A common mistake is to make links only differ subtly in color. Users with visual impairments cannot see these links.
More helpThere are two ways to comply with this requirement:
- You can make links appear differently from regular text without relying on color alone. For example, you can add an underline to your links. This makes links easy to identify, even to people who cannot see color at all.
- You can make links a color which is very different from the surrounding text (a 3:1 ratio),
AND ensure that when the link is selected with the keyboard or mouse that it appears
differently from regular text without relying on color alone.
Unless you have disabled the outline CSS style, links will automatically appear visually distinct
when selected with the keyboard.
42.5% done
How close this website is to fixing this issue.
This issue is quite technical.
To understand what is going on, you may need some familiarity with
HTML,
the language used to create web pages. Ask a web developer if you need help.
| HTML | Found on page | Issues |
|---|---|---|
<a href="http://www.redbonsai.co.uk" target="_blank" data-content="http://www.redbonsai.co.uk" data-type="external" rel="noopener">
|
49 | |
<a href="mailto:info@yorkha.org.uk" target="_blank" rel="noopener" class="_2qJYG blog-link-hashtag-color _2xVcV">
|
1 | |
<a href="https://www.trusselltrust.org/get-help/find-a-foodbank/" target="_blank" data-content="https://www.trusselltrust.org/get-help/find-a-foodbank/" data-type="external" rel="noopener">
|
1 |
51
distinct issues were
found in the sample of 50 web pages.