Ontbrekende aria-flowto-ID

Silktide controleert elk aria-flowto-attribuut op je pagina's en verifieert of de element-ID's waarnaar het verwijst daadwerkelijk bestaan. Dit attribuut biedt hulptechnologie een alternatieve die afwijkt van de volgorde van de code van de pagina.

<!-- Probleem: geen enkel element op de pagina heeft id="next-section" -->
<div id="intro" aria-flowto="next-section">…</div>

Waarom dit belangrijk is

Het -attribuut aria-flowto geeft aan waar een lezer vervolgens naartoe moet gaan en overschrijft daarmee de natuurlijke volgorde van de pagina. Een die de aanwijzing volgt en daar niets vindt, loopt vast in het pad van de gebruiker door de inhoud. Het attribuut komt zelden voor, dus een kapotte verwijzing betekent meestal dat de inhoud opnieuw is ingedeeld en dat de alternatieve leesvolgorde is vergeten. Daardoor ontstaat een valkuil voor precies de gebruikers die het attribuut had moeten helpen.

Zo los je het op

Zorg dat elke ID die in aria-flowto wordt vermeld overeenkomt met de id van een echt element op dezelfde pagina.
Overweeg of je het attribuut überhaupt nodig hebt. De meeste pagina's zouden in hun natuurlijke codevolgorde correct moeten worden voorgelezen. Die volgorde verbeteren is robuuster dan deze overschrijven, en de ondersteuning voor aria-flowto door is beperkt.

Zo test Silktide dit

Zoek elk element op de pagina met een aria-flowto-attribuut.
Controleer elke ID waarnaar wordt verwezen aan de hand van de element-ID's die op de pagina aanwezig zijn.
Rapporteer elke verwijzing die met geen enkel element overeenkomt.

Problemen oplossen

Deze controle rapporteert niets, hoewel ik bevindingen verwacht

ARIA-testen kunnen per website worden uitgeschakeld. Controleer de geavanceerde instellingen voor de website.