Links zonder leesbare naam

Melding in axe en Lighthouse: Links must have discernible text · link-name · WCAG 2.4.4, 4.1.2

Wat het betekent en waarom het belangrijk is

Icoonlinks (winkelwagen, social media, logo) zonder tekst worden alleen als ‘link’ voorgelezen. Niemand weet waar ze heen gaan (WCAG 2.4.4, 4.1.2).

Zo los je het op

Voeg zichtbare tekst of een aria-label toe, bijv. aria-label="Winkelwagen". Geef bij beeldlinks de afbeelding een zinvolle alt-tekst.

Codevoorbeeld

Voor

<a href="/cart"><svg class="icon-cart"></svg></a>

Na

<a href="/cart" aria-label="Shopping cart (2 items)"><svg class="icon-cart" aria-hidden="true"></svg></a>

Alle toegankelijkheidsfouten