Oei, dat is niet goed

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: