Forbudt ARIA-attributt

Silktide kontrollerer at hvert ARIA-attributt på sidene dine er et attributt som elementets rolle faktisk støtter. Attributter som en rolle ikke støtter, og attributter som ikke er en del av ARIA-standarden i det hele tatt, ignoreres av nettlesere – atferden forfatteren hadde til hensikt, skjer aldri.

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

<!-- Løsning: bruk en rolle som støtter tilstanden du trenger -->
<button role="switch" aria-checked="true">Fet</button>

Hvorfor dette er viktig

Hver -rolle støtter et bestemt sett med tilstander og egenskaper, og nettlesere forkaster alt som faller utenfor dette settet. Siden ser da riktig ut ved kodegjennomgang, mens brukere av ikke får noen informasjon: en bryter der tilstanden aldri blir lest opp, eller en beskrivelse som aldri blir lest. Denne kategorien fanger også opp feilstavede attributter som aria-lable – det mest skadelige tilfellet, fordi forfatteren tror at det finnes en etikett, mens en -bruker ikke får noen.

Slik løser du det

Rett opp feilstavede attributtnavn (aria-lable skal være aria-label, og aria-labeledby skal være aria-labelledby).
Hvis attributtet er riktig, men ikke støttes, endrer du elementets rolle til en rolle som støtter det – eller vurderer om et innebygd -element allerede tilbyr denne atferden.
Hvis attributtet ikke gjør noe nyttig, fjerner du det.

Slik tester Silktide dette

Finn hvert element på siden som har minst ett aria--attributt.
Finn settet med ARIA-attributter som er gyldige for elementet: globale attributter som fungerer overalt (for eksempel aria-label og aria-hidden), samt attributtene som støttes av elementets rolle.
Rapporter attributtnavn som ikke er en del av ARIA 1.2 – vanligvis skrivefeil.
Rapporter kjente attributter som brukes på et element hvis rolle ikke støtter dem, eller som krever en rolle elementet ikke har.

Foreldede attributter rapporteres separat av Foreldet ARIA-attributt, og attributtverdier valideres av Ugyldig ARIA-attributtverdi.

Feilsøking

Attributtet fungerer når jeg tester

Noen kombinasjoner av skjermlesere og nettlesere tolererer ikke-standardiserte kombinasjoner som andre forkaster. Det er samsvar med standarden som gjør at atferden blir forutsigbar på tvers av hjelpemidlene du ikke kan teste.

Denne kontrollen rapporterer ingenting, selv om jeg forventer funn

ARIA-testing kan deaktiveres for hvert nettsted. Sjekk avanserte innstillinger for nettstedet.