Manglende ID for aria-errormessage
Silktide kontrollerer alle aria-errormessage-attributter på sidene dine og bekrefter at element-ID-en de peker på, faktisk finnes. Dette attributtet kobler et skjemafelt til meldingen som forklarer hva som er galt med verdien som er skrevet inn.
<!-- Problem: Ingen elementer på siden har id="email-error" -->
<input type="email" aria-invalid="true" aria-errormessage="email-error">
Hvorfor dette er viktig
Når et skjemafelt er merket som ugyldig, forteller -attributtet
aria-errormessage hvor
forklaringen finnes. Hvis referansen er brutt, får en bruker av
beskjed om at innskrivingen er feil, men får
aldri vite hvorfor – brukeren må gjette seg frem til formater og krav som
seende brukere kan lese på skjermen, og kan ende med å forlate skjemaet helt.
Slik løser du det
- La attributtet referere til
id-en til elementet som inneholder den synlige feilmeldingen for feltet. - Kombiner det med
aria-invalid="true"på feltet så lenge feilen gjelder –aria-errormessageblir bare kunngjort for ugyldige felt. - Sørg for at det refererte elementet inneholder lesbar tekst når feilen vises, og er tomt eller skjult når den ikke vises.
Slik tester Silktide dette
- Finn alle elementer på siden med et
aria-errormessage-attributt. - Kontroller ID-en det refererer til, mot element-ID-ene som finnes på siden.
- Rapporter hver referanse som ikke samsvarer med noe element.
Feilsøking
Feilelementet legges bare til når valideringen mislykkes
Silktide tester siden mens den lastes inn. Det er best å beholde feilbeholderen permanent på siden (tom eller skjult til den trengs), slik at referansen alltid kan løses og kunngjøringen fungerer så snart feilen vises.
Denne kontrollen rapporterer ingenting selv om jeg forventer funn
ARIA-testing kan deaktiveres per nettsted. Se de avanserte innstillingene for nettstedet.