Link is missing a visual indicator
| Field | Value |
|---|---|
| Rule code | Link_VisualIndicator_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 1.4.1 Use of Color |
| Must be fixed at source | Yes |
Description
We found a link with a missing visual indicator. Links without visual indicators may be hard to discern from surrounding text, making navigation difficult for users who rely on visual cues. Links should have discernible visual indicators such as underline, overline, border, or outline styling. Links with clear visual indicators assist users in identifying navigable items on a page. This is especially crucial for users with visual impairments who may not distinguish links from regular text, as well as users with cognitive disabilities who benefit from clear navigation cues.
How to fix
Ensure each link on the page has a visible indicator such as an underline, overline, border, or outline. These visual cues are crucial for users to identify links within content. CSS properties like text-decoration, border, or outline can be used to provide these indicators.