# Links moeten herkenbare tekst hebben WCAG 2.4.4 Linkdoel (in context), 4.1.2 Naam, rol, waarde · Niveau A Sommige links hebben geen tekst die een schermlezer kan voorlezen, vaak links met alleen een icoon, zoals social-media-iconen of het winkelwagenicoon. ## 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 ### Op elke website 1. Zoek de links die geen naam hebben. Meestal zijn het iconen of afbeeldingen binnen een -tag. 2. Voeg visueel verborgen tekst toe in de link, of een aria-label zoals aria-label="Instagram" of aria-label="Cart". 3. Als de link om een afbeelding heen staat, geef de afbeelding dan in plaats daarvan een betekenisvolle alt-tekst. ### In Shopify 1. Zoek de links die geen naam hebben. Meestal zijn het iconen of afbeeldingen binnen een -tag. 2. Voeg visueel verborgen tekst toe in de link, of een aria-label zoals aria-label="Instagram" of aria-label="Cart". 3. Als de link om een afbeelding heen staat, geef de afbeelding dan in plaats daarvan een betekenisvolle alt-tekst. ### In WooCommerce en WordPress 1. Zoek de links die geen naam hebben. Meestal zijn het iconen of afbeeldingen binnen een -tag. 2. Voeg visueel verborgen tekst toe in de link, of een aria-label zoals aria-label="Instagram" of aria-label="Cart". 3. 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. ## Bronnen - Documentatie van de axe-core-regel (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name - Uitleg bij WCAG 2.4.4 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context - Uitleg bij WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value