Ontbrekende aria-controls-ID

Silktide voert een controle uit op elk aria-controls-attribuut op je pagina's en verifieert of de element-ID's waarnaar het verwijst daadwerkelijk bestaan. Dit attribuut geeft aan op welk deel van de pagina een bedieningselement werkt, zoals het paneel dat een tabblad weergeeft of het menu dat een knop opent.

<!-- Probleem: geen enkel element op de pagina heeft id="filter-panel" -->
<button aria-expanded="false" aria-controls="filter-panel">Filters</button>

Waarom dit belangrijk is

Met het -attribuut aria-controls kan een bedieningselement koppelen aan de inhoud die het beïnvloedt - sommige bieden een sneltoets om rechtstreeks naar het gecontroleerde element te springen. Wanneer de verwijzing niet klopt, verdwijnt die relatie stilletjes. Verwijzingen die niet kloppen betekenen meestal dat een ID is hernoemd of dat een component is verwijderd. Ze zijn daarom ook een vroegtijdige waarschuwing dat de widget zelf mogelijk niet meer werkt zoals bedoeld.

Zo los je het op

Zorg dat elke ID in aria-controls overeenkomt met de id van een bestaand element op dezelfde pagina. Het attribuut kan meerdere ID's bevatten, gescheiden door spaties; controleer ze allemaal.
Als het gecontroleerde element dynamisch wordt toegevoegd, render het dan vanaf het begin verborgen of stel aria-controls in zodra het bestaat.
Als het gecontroleerde element definitief is verwijderd, verwijder dan het attribuut.

Zo voert Silktide deze controle uit

Zoek elk element op de pagina met een aria-controls-attribuut.
Controleer elke ID waarnaar het verwijst aan de hand van de element-ID's die op de pagina aanwezig zijn.
Rapporteer elke verwijzing die niet overeenkomt met een element.

Problemen oplossen

Het doel wordt later door een script gemaakt

Silktide controleert de pagina terwijl deze wordt geladen. Als het paneel waarnaar wordt verwezen pas na een gebruikersinteractie verschijnt, klopt de verwijzing tot dat moment niet - houd het doel bij voorkeur (verborgen) op de pagina, zodat de verwijzing altijd kan worden opgelost.

Deze controle rapporteert niets, hoewel ik resultaten verwacht

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