Issues:
Content-audit digitale toegankelijkheid website Afsprakenmodule Vijfheerenlanden

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 1: Wanneer men in het formulier op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken in de eerste module de keuze voor "(Her)vestiging vanuit het buitenland" maakt, verschijnt een pop-up. Er staat visueel tekst opgesomd, echter zijn hier geen lijst-elementen gebruikt. Gebruik hiervoor een ongeordende lijststructuur (ul) met individuele lijstitems (li) zodat schermleessoftware de opsomming goed aankondigd. Dit probleem doet zich bij meerdere keuzes voor.

Bevinding 2: Wanneer men in het formulier op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken in de eerste module de keuze voor "(Her)vestiging vanuit het buitenland" maakt, verschijnt een pop-up. Er wordt hier gebruik gemaakt van het emphasis-element (em) voor grote hoeveelheden tekst. Dit element is slechts bedoeld voor het accentueren van enkele woorden. Maak gebruik van andere styling die bijvoorbeeld CSS biedt. Dit probleem doet zich bij meerdere keuzes voor.

Bevinding 3: Wanneer men in het formulier op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken in de eerste module de keuze voor "Garantstelling en/of logiesverstrekking (uitnodiging)" maakt, verschijnt een pop-up. Er wordt hier gebruik gemaakt van het strong-element voor een heel stuk tekst. Dit element is slechts bedoeld om de nadruk op enkele woorden in een tekst te leggen. Maak gebruik van andere styling die bijvoorbeeld CSS biedt. Dit probleem doet zich bij meerdere keuzes voor.

1.4 Onderscheidbaar

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 4: Indien men op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken/ op de tweede module "locatie en tijdstip" klikt zonder de eerste module volledig uit te vullen, verschijnt een foutmelding bovenaan de pagina. De grijze sluitknop (HEX #CCCCCC) op de rode achtergrond (HEX #F2DEDE) heeft een contrastratio van 1,2:1 waar dit minimaal 3:1 behoort te zijn. Kies hiervoor een ander kleurenschema.

Bevinding 5: Indien de hoogcontrastknop is ingeschakeld en men een keuze maakt uit het uitklapmenu onder "Waar wilt u een afspraak voor maken?" op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken/, springt de focus op het uitklapmenu "aantal". De lichtblauwe focusrand (HEX #98C9F0) op de witte achtergrond heeft een te laag contrast. Dit betreft 1,8:1 waar het minimaal 3:1 behoort te zijn. De lichtgrijze rand van hetzelfde veld als het geen focus heeft (HEX #CCCCCC) heeft ook een te laag contrast. Dit is 1,6:1 waar dit minstens 3:1 moet zijn.

Bevinding 6: Indien men het formulier op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken/ niet binnen een bepaald tijdsbestek het formulier invult, verschijnt een pop-up met een verversingswaarschuwing. De grijze sluitknop (HEX #CCCCCC) op de witte achtergrond heeft een contrastratio van 1,6:1. Dit is te laag: kies voor een kleurencombinatie met een contrast van minimaal 3:1.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 7: Het volgende is geen (content)toegankelijkheidsprobleem, maar viel op: wanneer men in het formulier op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken in de derde module kan men een leeftijd invullen. De jaartelling begint bij 1900 en het is niet mogelijk om met het toetsenbord naar dit uitklapmenu te navigeren. Maak het kalenderpaneel gebruiksvriendelijk voor toetsenbordgebruikers.

Bevinding 8: Het volgende is geen (content)toegankelijkheidsprobleem, maar viel op: wanneer men in het formulier op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken in de eerste module middels het toetsenbord een activiteit moet kiezen, dient men met de pijltoetsen door de keuzes te navigeren. Tenslotte gaat de focus niet terug naar de eerste keuze of de volgende vraag. Een toegankelijkere optie zou zijn om deze visuele lijst ook middels lijst-elementen te presenteren, waardoor gebruikers van schermleessoftware door de opties kunnen tabben en er aangekondigd wordt wanneer ze aan het einde van de activiteiten zijn gekomen.

2.4 Navigeerbaar

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 9: Het volgende is geen (content)toegankelijkheidsprobleem, maar viel op: op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken/ valt de focus eerst op de skiplink, dan op de eerste module en vervolgens pas op de hoog contrast knop. Zorg ervoor dat deze knop als een van de eerste elementen de focus ontvangt.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 10: Wanneer men in het formulier op pagina https://afspraak.vijfheerenlanden.nl/internetafspraken in de eerste module de keuze voor "(Her)vestiging vanuit het buitenland" maakt, verschijnt een pop-up. De pagina zelf is in het Nederlands. Voor een groot deel van de Nederlandse tekst is een Engelse vertaling. Zorg middels een taalwissel (lang="EN") dat schermleessoftware deze tekst correct voorleest.

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

• Formulierpagina:
  https://afspraak.vijfheerenlanden.nl/internetafspraken

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.