Verboden ARIA-attribuut

Silktide controleert of elk ARIA-attribuut op je pagina's wordt ondersteund door de rol van het element. Attributen die niet door een rol worden ondersteund en attributen die helemaal geen deel uitmaken van de ARIA-standaard, worden door browsers genegeerd - het gedrag dat de auteur bedoelde, treedt nooit op.

<!-- Probleem: aria-checked heeft geen betekenis op een knop -->
<button aria-checked="true">Vet</button>

<!-- Oplossing: gebruik een rol die de gewenste status ondersteunt -->
<button role="switch" aria-checked="true">Vet</button>

Waarom dit belangrijk is

Elke -rol ondersteunt een specifieke set statussen en eigenschappen, en browsers verwijderen alles wat buiten die set valt. De pagina ziet er dan correct uit tijdens een codecontrole, terwijl gebruikers van niets krijgen: een schakelaar waarvan de status nooit wordt aangekondigd, of een beschrijving die nooit wordt voorgelezen. Deze categorie detecteert ook verkeerd gespelde attributen, zoals aria-lable - het schadelijkste geval, omdat de auteur denkt dat er een label bestaat terwijl een gebruiker van een er geen krijgt.

Hoe je dit oplost

Corrigeer verkeerd gespelde attribuutnamen (aria-lable moet aria-label zijn, aria-labeledby moet aria-labelledby zijn).
Als het attribuut correct is maar niet wordt ondersteund, wijzig je de rol van het element in een rol die het attribuut wel ondersteunt - of ga je na of een standaard -element het gedrag al biedt.
Als het attribuut niets nuttigs doet, verwijder je het.

Hoe Silktide dit controleert

Vind elk element op de pagina waaraan ten minste één aria--attribuut is toegevoegd.
Bepaal de set ARIA-attributen die geldig zijn voor dat element: de globale attributen die overal werken (zoals aria-label en aria-hidden), plus de attributen die door de rol van het element worden ondersteund.
Rapporteer attribuutnamen die geen deel uitmaken van ARIA 1.2 - meestal typefouten.
Rapporteer herkende attributen die worden gebruikt op een element waarvan de rol ze niet ondersteunt, of waarvoor een rol vereist is die het element niet heeft.

Verouderde attributen worden afzonderlijk gerapporteerd door Verouderd ARIA-attribuut, en attribuutwaarden worden gevalideerd door Ongeldige ARIA-attribuutwaarde.

Problemen oplossen

Het attribuut werkt tijdens mijn tests

Sommige combinaties van schermlezers en browsers tolereren niet-standaardcombinaties die andere combinaties negeren. Conformiteit met de standaard zorgt ervoor dat het gedrag voorspelbaar is in de hulptechnologie die je niet kunt testen.

Deze controle rapporteert niets, ook al verwacht ik bevindingen

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