Ugyldig ARIA-rolle
Silktide kontrollerer alle role-attributter på sidene dine mot listen over roller som ARIA-standarden definerer. En rolle som er feilstavet, oppdiktet, tom eller reservert for intern bruk, ignoreres i stillhet av nettlesere. Dermed når ikke elementets tiltenkte betydning frem til menneskene som er avhengige av den.
<!-- Problem: "buton" er ikke en ekte rolle, så denne div-en forblir uten betydning -->
<div role="buton" tabindex="0">Save</div>
<!-- Løsning: bruk en gyldig rolle (eller enda bedre, et ekte knappeelement) -->
<button>Save</button>
Hvorfor dette er viktig
En -rolle forteller hva et element er – en knapp, en fane eller en dialog. Når rollen er ugyldig, fjerner nettlesere den: En -bruker hører ren tekst der forfatteren mente å lage en kontroll, og kan kanskje ikke vite at det i det hele tatt er mulig å samhandle med elementet. Fordi siden ser ut og fungerer normalt for seende musebrukere, blir disse feilene ikke oppdaget uten testing.
Slik løser du det
- Rett opp skrivefeil slik at rollen samsvarer med en ekte ARIA-rolle
(fullstendig liste) –
for eksempel
role="navigation", ikkerole="nav". - Bytt ut abstrakte roller (
widget,composite,landmark,sectionog lignende) med en konkret rolle – abstrakte roller finnes bare for å organisere standarden og skal ikke brukes på sider. - Fjern tomme
role=""-attributter. - Når et innebygd -element har riktig
betydning (
<button>,<nav>,<main>), bør du foretrekke det og fjernerole-attributtet helt.
Slik tester Silktide dette
- Finn alle elementer på siden som har et
role-attributt. - Rapporter tomme rolleverdier.
- Kontroller hvert ord i rolleverdien mot rollene som er definert av ARIA 1.2.
Roller fra utvidelsene for digital publisering (
doc-) og grafikk (graphics-) godtas. - Rapporter ord som ikke samsvarer med noen definert rolle, samt ord som angir en abstrakt rolle.
Feilsøking
Rollen har flere ord
Et role-attributt kan angi flere roller som reservealternativer. Nettlesere bruker den første de gjenkjenner. Silktide rapporterer alle ugyldige eller abstrakte ord i listen, slik at du også kan rydde opp i reservealternativene.
Denne kontrollen rapporterer ingenting, selv om jeg forventer funn
ARIA-testing kan slås av for hvert nettsted. Sjekk de avanserte innstillingene for nettstedet.