Met name wanneer jouw website of webapp onderdelen bevat die op basis van javascripts functioneren, kan het nogal eens zo zijn dat het niet heel duidelijk is wat die links doen wanneer een gebruiker gebruik maakt van oplossingen als een schermlezer of brailleleesregel.
Om je hiervoor te waarschuwen, zie je dan in Google PageSpeed Insights de melding “Links hebben geen herkenbare naam” of in het Engels “Links do not have a discernible name”.
Wanneer je deze melding uitklapt, zie je meteen op welke items dit probleem van toepassing is. Gelukkig is het heel gemakkelijk om dit probleem voor jouw bezoeker op te lossen.
Dit kun je namelijk doen door een zogenaamd ‘aria-label’ attribuut toe te voegen aan de <a> tag van de betreffende link.
Voorbeeld van een link zonder een aria-label #
<a class=”elementor-icon” href=”tel:+31242042299″>
Voorbeeld van een link met een aria-label #
<a class=”elementor-icon” href=tel:+31242042299 aria-label=”Bellen”>
Bovenstaande voorbeeld komt uit de broncode van onze huidige website en laat zien hoe gemakkelijk de melding Links hebben geen herkenbare naam op te lossen is.
Heb je moeite dit op te lossen? Weet dat we je kunnen helpen.
