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.
5.8% 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="tel:+44(0)1823 284077" onclick="dataLayer.push({"event": "eventGA", "eventCategory": "Click", "eventAction": "Footer","eventLabel": "tel:+44(0)1823 284077", "eventValue": "0", "eventNonInteraction": "false"});">
|
119 | |
<a href="tel:+44(0)1823 484444" onclick="dataLayer.push({"event": "eventGA", "eventCategory": "Click", "eventAction": "Footer","eventLabel": "tel:+44(0)1823 484444", "eventValue": "0", "eventNonInteraction": "false"});">
|
119 | |
<a href="mailto:customerservices@ukho.gov.uk" onclick="dataLayer.push({"event": "eventGA", "eventCategory": "Click", "eventAction": "Footer","eventLabel": "mailto:customerservices@ukho.gov.uk", "eventValue": "0", "eventNonInteraction": "false"});">
|
119 | |
<a href="/Cookie-policy" style="color: rgb(255, 255, 255);">
|
117 | |
<a href="mailto:customerservices@ukho.gov.uk">
|
16 | |
<a href="/how-to-buy">
|
15 | |
<a href="ftp://ukho.gov.uk/" target="_blank">
|
10 | |
<a href="/digital-services/catalogues/admiralty-digital-catalogue" target="_blank">
|
9 | |
<a href="/AdmiraltyDownloadMedia/Flag%20State%20Table%20Docs/Italy%20Approval%20-%20English%20Translation.pdf">
|
8 | |
<a href="/AdmiraltyDownloadMedia/Flag%20State%20Table%20Docs/IMO-MSC-MEPC-2-Circ2-on-carriage-of-publications.pdf" target="_blank">
|
6 |
687
distinct issues were
found in the sample of 125 web pages.
Only the first 10 issues are shown here.