Wat deze regel controleert
Zorg dat links herkenbare tekst hebben.
Waarom het belangrijk is
WCAG 2.4.4 en 4.1.2 vragen dat links een toegankelijke naam hebben die hun doel beschrijft.
Zo los je het op
- Zoek de links die geen naam hebben. Meestal zijn het iconen of afbeeldingen binnen een <a>-tag.
- Voeg visueel verborgen tekst toe in de link, of een aria-label zoals aria-label="Instagram" of aria-label="Cart".
- Als de link om een afbeelding heen staat, geef de afbeelding dan in plaats daarvan een betekenisvolle alt-tekst.
Zo controleer je de oplossing
- Scan opnieuw en controleer dat link-name verdwenen is.
- Ga met Tab naar elke link terwijl een schermlezer draait en luister naar de naam.
Zo vindt FixReports het
Onze scan voert de axe-core-regel link-name uit in een echte Chrome-browser op elke pagina die hij test, en meldt elk element dat niet slaagt, met de pagina, de markup en, waar van toepassing, een screenshot.
Een geautomatiseerde test bevestigt dat dit specifieke probleem aanwezig is. Hij kan niet zeggen of de rest van de pagina toegankelijk is: sommige drempels komen pas aan het licht als een mens de pagina controleert.