Ugyldig ARIA-rolle
Silktide tjekker alle rolleaf attributter på dine sider i forhold til listen over roller, som ARIA-standarden definerer. En rolle, der er stavet forkert, opdigtet, tom eller reserveret til intern brug, ignoreres uden varsel af browsere, så elementets tiltænkte betydning aldrig når frem til de mennesker, der er afhængige af den.
<!-- Problem: "buton" er ikke en rigtig rolle, så denne div forbliver uden betydning -->
<div role="buton" tabindex="0">Gem</div>
<!-- Løsning: Brug en gyldig rolle (eller endnu bedre, et rigtigt button-element) -->
<button>Gem</button>
Hvorfor det er vigtigt
En -rolle fortæller , hvad et element er – en knap, en fane, en dialogboks. Når rollen er ugyldig, kasserer browsere den: En bruger af en hører almindelig tekst, hvor forfatteren havde tiltænkt et kontrolelement, og har måske slet ingen mulighed for at vide, at der kan interageres med elementet. Fordi siden ser ud og fungerer normalt for seende brugere med mus, bliver disse fejl ikke opdaget uden test.
Sådan løser du det
- Ret slåfejl, så rollen matcher en rigtig ARIA-rolle
(fuld liste) –
for eksempel
role="navigation", ikkerole="nav". - Erstat abstrakte roller (
widget,composite,landmark,sectionog lignende) med en konkret rolle – abstrakte roller findes kun for at organisere standarden og må ikke bruges på sider. - Fjern tomme
role=""-attributter. - Når et oprindeligt -element har den rigtige
betydning (
<button>,<nav>,<main>), skal du foretrække det og fjernerole-attributten helt.
Sådan tester Silktide dette
- Find alle elementer på siden med en
role-attribut. - Rapportér tomme rolleværdier.
- Tjek hvert ord i rolleværdien mod de roller, der er defineret af ARIA 1.2.
Roller fra udvidelserne til digital udgivelse (
doc-) og grafik (graphics-) accepteres. - Rapportér ord, der ikke matcher nogen defineret rolle, og ord, der angiver en abstrakt rolle.
Fejlfinding
Rollen har flere ord
En rolleattribut kan angive flere roller som reserve; browsere bruger den første, de genkender. Silktide rapporterer hvert ugyldigt eller abstrakt ord i listen, så du også kan rydde op i reserverollerne.
Dette tjek rapporterer ikke noget, selvom jeg forventer fund
ARIA-test kan slås fra for hver website. Tjek de avancerede indstillinger for websitet.