Link accessible name is missing
| Field | Value |
|---|---|
| Rule code | Link_Name_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 2.4.4 Link Purpose (In Context) |
| Must be fixed at source | No |
Description
We found a link without an accessible name. A link without an accessible name may be invisible to some screen-readers, or it may get announced as a blank or empty element. Links typically contain link text but the accessible name can also come from ARIA attributes. If the link is intended to be an image link (a link with an image as it's content and without link text), then it is acceptable for the contained image to include a suitable replacement for the link text via the image's alt attribute. Avoid using generic or repeatable terms in your accessible names.
How to fix
Give each link a descriptive name. The name can be text, or a properly labelled image.
<a href="/home">
Home Page
</a>
<a href="/home">
<img src="company-logo.png" alt="Home Page">
</a>
If you use an image, make sure that your alt text is accurate and clear. Describe where the linked image is going, not the appearance of the image.