Förbjudet ARIA-attribut

Silktide kontrollerar att varje ARIA-attribut på dina sidor stöds av elementets roll. Attribut som en roll inte stöder, samt attribut som inte alls ingår i ARIA-standarden, ignoreras av webbläsare – det beteende som författaren avsåg inträffar aldrig.

<!-- Problem: aria-checked betyder ingenting på en knapp -->
<button aria-checked="true">Fetstil</button>

<!-- Åtgärd: använd en roll som stöder det tillstånd du behöver -->
<button role="switch" aria-checked="true">Fetstil</button>

Varför detta är viktigt

Varje -roll stöder en specifik uppsättning tillstånd och egenskaper, och webbläsare ignorerar allt som ligger utanför den uppsättningen. Sidan ser då korrekt ut vid kodgranskning, medan användare av inte får någonting: en växlingsknapp vars tillstånd aldrig meddelas, eller en beskrivning som aldrig läses upp. Den här kategorin upptäcker även felstavade attribut som aria-lable – det mest skadliga fallet, eftersom författaren tror att en etikett finns medan en användare av en inte får någon.

Så åtgärdar du det

Rätta felstavade attributnamn (aria-lable ska vara aria-label, aria-labeledby ska vara aria-labelledby).
Om attributet är korrekt men inte stöds, ändra elementets roll till en som stöder det – eller överväg om ett inbyggt -element redan tillhandahåller beteendet.
Ta bort attributet om det inte gör någon nytta.

Så testar Silktide detta

Hitta alla element på sidan som har minst ett aria- -attribut.
Fastställ uppsättningen ARIA-attribut som är giltiga för elementet: de globala attribut som fungerar överallt (till exempel aria-label och aria-hidden), samt de attribut som stöds av elementets roll.
Rapportera attributnamn som inte ingår i ARIA 1.2 – vanligtvis skrivfel.
Rapportera kända attribut som används på ett element vars roll inte stöder dem, eller som kräver en roll som elementet inte har.

Föråldrade attribut rapporteras separat av Föråldrat ARIA-attribut, och attributvärden valideras av Ogiltigt ARIA-attributvärde.

Felsökning

Attributet fungerar när jag testar

Vissa kombinationer av skärmläsare och webbläsare tolererar icke-standardiserade kombinationer som andra ignorerar. Det är överensstämmelse med standarden som gör beteendet förutsägbart i de hjälpmedel som du inte kan testa.

Den här kontrollen rapporterar ingenting trots att jag förväntar mig resultat

ARIA-testning kan stängas av för varje webbplats. Kontrollera webbplatsens avancerade inställningar.