Yes, dat is helemaal goed
Dat is inderdaad de screenshot waarin een WCAG-fout zit. Benieuwd wat de fout is en hoe het eigenlijk zou moeten? Lees dan snel verder!
Het formulier voldoet niet aan de WCAG-richtlijnen
Het formulier voldoet op drie punten niet aan de WCAG-richtlijnen:
-
Onduidelijk label
Het invoerveld heeft als label alleen "Schrijf je in". Dat zegt wat de gebruiker moet doen, maar niet wát diegene moet invullen. Is het een e-mailadres, een naam of een telefoonnummer? Volgens WCAG-succescriterium 3.3.2 (Labels of instructies) moet een formulierveld een label hebben dat duidelijk beschrijft welke invoer wordt verwacht.
Dat helpt iedereen, maar vooral mensen met een schermlezer of een cognitieve beperking, die niet kunnen terugvallen op visuele hints of context.
-
Foutmelding die de fout niet benoemt
Als er iets misgaat, moet de gebruiker begrijpen wat er fout is en hoe diegene dat kan oplossen. De foutmelding in variant A maakt niet duidelijk dat er een fout is gemaakt, en ook niet welke fout. Daarmee voldoet het formulier niet aan criterium 3.3.1 (Foutidentificatie), dat vraagt om een fout in tekst te beschrijven.
-
Onvoldoende contrast
Zowel de foutmelding als de knop zijn slecht leesbaar door een te laag kleurcontrast.
Mensen met een visuele beperking, kleurenblindheid of een scherm in fel zonlicht kunnen de melding en de knop anders over het hoofd zien.
Bekijk hieronder hoe het wel moet:



