Ogiltig ARIA-roll

Silktide kontrollerar varje role-attribut på dina sidor mot listan över roller som ARIA-standarden definierar. En roll som är felstavad, påhittad, tom eller reserverad för internt bruk ignoreras tyst av webbläsare, så elementets avsedda betydelse når aldrig fram till de personer som är beroende av den.

<!-- Problem: "buton" är inte en riktig roll, så denna div förblir betydelselös -->
<div role="buton" tabindex="0">Save</div>

<!-- Lösning: använd en giltig roll (eller ännu hellre ett riktigt button-element) -->
<button>Save</button>

Varför detta är viktigt

En -roll berättar för vad ett element är – en knapp, en flik eller en dialog. När rollen är ogiltig förkastar webbläsarna den: en användare av en hör vanlig text där författaren avsåg ett gränssnittselement och kanske inte har något sätt att veta att elementet går att interagera med. Eftersom sidan ser ut och fungerar normalt för seende musanvändare förblir dessa misstag oupptäckta utan testning.

Så här åtgärdar du det

Rätta stavfel så att rollen överensstämmer med en riktig ARIA-roll (fullständig lista) – till exempel role="navigation", inte role="nav".
Ersätt abstrakta roller (widget, composite, landmark, section och liknande) med en konkret roll – abstrakta roller finns endast för att organisera standarden och får inte användas på sidor.
Ta bort tomma role=""-attribut.
När ett inbyggt -element har rätt betydelse (<button>, <nav>, <main>), ska du föredra det och ta bort role-attributet helt.

Så testar Silktide detta

Hitta alla element på sidan som har ett role-attribut.
Rapportera tomma rollvärden.
Kontrollera varje ord i rollvärdet mot de roller som definieras av ARIA 1.2. Roller från tilläggen för digital publicering (doc-) och grafik (graphics-) godkänns.
Rapportera ord som inte motsvarar någon definierad roll samt ord som anger en abstrakt roll.

Felsökning

Rollen innehåller flera ord

Ett role-attribut kan innehålla flera roller som reservlösningar; webbläsare använder den första de känner igen. Silktide rapporterar varje ogiltigt eller abstrakt ord i listan, så att du även kan rensa upp reservlösningarna.

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

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