Manglende aria-errormessage-ID

Silktide tjekker alle aria-errormessage-attributter på dine sider og bekræfter, at det element-ID, de peger på, faktisk findes. Denne attribut forbinder et formularfelt med den meddelelse, der forklarer, hvad der er galt med den værdi, der er indtastet i feltet.

<!-- Problem: intet element på siden har id="email-error" -->
<input type="email" aria-invalid="true" aria-errormessage="email-error">

Hvorfor dette er vigtigt

Når et formularfelt er markeret som ugyldigt, angiver - attributten aria-errormessage for , hvor forklaringen findes. Hvis referencen er brudt, får en bruger af en at vide, at deres indtastning er forkert, men hører aldrig hvorfor – de må gætte sig til formater og krav, som seende brugere kan læse på skærmen, og kan helt opgive formularen.

Sådan retter du det

Lad attributten henvise til id for det element, der indeholder den synlige fejlmeddelelse for feltet.
Kombinér den med aria-invalid="true" på feltet, mens fejlen gælder – aria-errormessage annonceres kun for ugyldige felter.
Sørg for, at det refererede element indeholder læsbar tekst, når fejlen vises, og er tomt eller skjult, når den ikke vises.

Sådan tester Silktide dette

Find hvert element på siden med en aria-errormessage-attribut.
Kontrollér det ID, attributten henviser til, i forhold til de element-ID'er, der findes på siden.
Rapportér hver reference, der ikke matcher noget element.

Fejlfinding

Fejlelementet tilføjes kun, når valideringen mislykkes

Silktide tester siden, når den indlæses. Overvej at beholde fejlcontaineren permanent på siden (tom eller skjult, indtil der er brug for den), så referencen altid kan findes, og annonceringen fungerer i det øjeblik, fejlen vises.

Dette tjek rapporterer intet, selvom jeg forventer fund

ARIA-test kan slås fra for hver enkelt website. Kontrollér de avancerede indstillinger for websitet.