Issues:
Audit digitale toegankelijkheid website Pleio formulieromgeving

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.3 Aanpasbaar

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 1: Het formulierveld 'e-mail om bevestiging te krijgen' vraagt persoonlijke informatie van de bezoeker. HMTL5 invoervelden die informatie over de gebruiker vragen, zoals naam/achternaam, adres en geboortedatum, moeten een juist autocomplete attribuut hebben. Lees meer over autocomplete-attributen op: https://www.w3.org/TR/WCAG21/#input-purposes.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 2: Dit is een nieuwe bevinding: Als het formulier wordt verzonden terwijl bijvoorbeeld het e-mail veld niet is ingevuld dan verschijnt er een rode foutmelding onder het e-mail veld: 'Het veld email is verplicht'. De rode tekst (HEX #F05252) op een witte achtergrond heeft een te laag contrast. De contrastverhouding is 3,5:1 waar dit minimaal 4,5:1 moet zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Bevinding 3: Dit is een nieuwe bevinding: De grijze randen van de invoervelden (HEX #D2D6DC) hebben een te laag contrast met de witte achtergrond. De contrastverhouding is hier 1,5:1, waar dit minimaal 3:1 moet zijn.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 4: Wanneer bezoekers op bijvoorbeeld geen email adres invullen, verschijnen er foutmeldingen onder het invoerveld. 'Het veld email is verplicht.' Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld email is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 5: De invoervelden bij vraag 9 hebben geen label en daardoor geen toegankelijke naam. Zorg ervoor dat de toegankelijke naam overeenkomt met het zichtbare label, zodat bezoekers weten wat zij moeten invullen.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 6: Advies: Wanneer bezoekers op bijvoorbeeld een verkeerd email adres invullen, verschijnen er foutmeldingen onder het invoerveld. 'Het veld email is niet geldig.' maar het is niet duidelijk in wat wel geldig is. Zorg dat het voor bezoekers duidelijk is hoe zij dit formulierveld moeten invullen. Bijvoorbeeld 'Het veld email moet deze vorm hebben: naam@voorbeeld.nl’.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 7: De invoervelden bij vraag 9 hebben geen toegankelijke naam. Zorg ervoor dat er altijd een naam, rol en eventueel een waarde en een staat wanneer van toepassing beschikbaar is voor bezoekers die gebruik maken van hulpsoftware.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 8: Sommige formuliervelden bevatten een datumkiezer, zoals het veld 'datum'. Wanneer een bezoeker een wijziging doet in de datumkiezer, zoals met de knop 'volgende maand bekijken', wijzigt de inhoud van het dialoogvenster, maar bezoekers die gebruik maken van hulpsoftware krijgen hier geen melding van. Zorg ervoor dat het voor hen ook duidelijk is dat nieuwe informatie beschikbaar is.

Bevinding 9: Bij vraag 9 kunnen bezoekers zelf rijen invoervelden aan de tabel toevoegen met de knop 'voeg toe'. Het is zichtbaar dat er een rij toegevoegd wordt, maar bezoekers die gebruik maken van hulpsoftware krijgen hier geen melding van. Zorg ervoor dat het voor hen ook duidelijk is dat nieuwe informatie beschikbaar is.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

• Formuliervelden:
  https://formulieren.pleio.nl/forms/42/fill

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.