Issues:
Audit digitale toegankelijkheid website ReIS verificatieportaal

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Bij 'Autorisatie aanvragen' staan achter elke kolomkop in het overzicht 2 pijltjes om op die kolom te sorteren. De naam van deze knoppen is nu 'caret-up'en 'caret-down' waardoor blinde bezoekers geen idee hebben wat de knoppen doen. Geef de knoppen namen zodat in elke kolom duidelijk is waar de knoppen voor bedoeld zijn. Zorg er ook voor dat helder is wat de gesorteerde kolom is en in welke richting gesorteerd is (op- of aflopend)

Bevinding 2: Bij 'Nieuwe autorisatie aanvragen' kan je typen in velden als postcode en telefoonnummer. Bij de eerste toetsaanslag verschijnt er dan al een foutmelding. Dit kan verwarrend zijn omdat mensen denken direct al iets verkeerd te hebben gedaan. Op een gegeven moment wordt er een groen vinkje getoond als je het veld correct hebt ingevuld. Er is geen alternatieve tekst voor dit groene vinkje.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 3: Bij 'Nieuwe autorisatie aanvragen' in Stap 2 wordt gebruik gemaakt van checkboxes voor bijvoorbeeld 'Ik begrijp dat steekproefsgewijs onderzocht wordt ...'. Bij dit veld is het label niet expliciet geassocieerd met de input. Tekstlabels moeten gekoppeld worden aan invoervelden door gebruik te maken van het for-attribuut bij het label-element die verwijst naar een id-attribuut bij het invoerveld. Zo krijgt een bezoeker die gebruik maakt van een screenreader te horen om welk veld het gaat als direct naar het invoerveld wordt gesprongen.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 4: De skiplink (donkerblauw op een donkere achtergrond) heeft een te laag contrast. Zorg voor een contrastverhouding van 4,5:1.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 5: Advies: Bij inzoomen ontstaan er smalle moeilijk leesbare kolommen. Houd rekening met slechtziende bezoekers van de website.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 6: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verschijnt op de meeste pagina's een scrollbalk in de leesrichting (horizontaal). Zorg dat de tekst binnen het beeld blijft. Uitgezonderd zijn bijvoorbeeld tabellen, betekenisvolle afbeeldingen en kaarten. Die moeten leesbaar blijven.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 7: De invoervelden (met lichtgrijze rand op een witte achtergrond) hebben een te laag contrast zorg dat de contrastverhouding minimaal 3:1 is.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Bevinding 8: Mogelijk gaat dit mis bij de i-knop. (Zie ook rapport VRS)

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 9: In de applicatie wordt op meerdere plekken gebruik gemaakt van een i-knop. Met de muis kan je daarmee tekst oproepen Bezoekers die het toetsenbord kunnen deze link niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Bevinding 10: Als je langer dan een bepaalde tijd ingelogd bent dan word je uitgeogd en kan je opnieuw beginnen. Er ontbreekt een mechanisme die ervoor zorgt dat je tijdig een melding krijgt en vervolgens je inlogtijd kunt verlengen.

2.4 Navigeerbaar

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 11: Als je op een van de aanvraagnummers klikt wordt een nieuw scherm getoond. Als je hulpsoftware zoals voorleessoftware gebruikt begint deze de content ergens onderaan het scherm voor te lezen. Ook de focus staat ergens onderin. Je verwacht bij nieuwe content dat je bovenaan staat en dat je direct van boven naar beneden alles voorgelezen krijgt. Zorg ervoor dat bij nieuwe content de focus en de "leescursor" bovenaan de pagina staat.

Bevinding 12: Advies: De skiplink heeft een attribuut tabindex met een waarde groter dan 0. Deze is onnodig omdat dit navigatie-element zonder meer het eerste element is in de HTML.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 13: Op veel plekken is de focus slecht zichtbaar. De bediening met toetsenbord is al vrij lastig. Zonder goede focusrand maakt het de website nog moeilijker bedienbaar.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 14: Bij 'Nieuwe autorisatie aanvragen' wordt bij 'Telefoonnummer' "06 1234 5678" niet gezien als geldig nummer. Maar wat dan wel de geldige schrijfwijze is staat niet beschreven. Je kunt ook geen foutmeldingen oproepen door bijvoorbeeld op Volgende te klikken (die is disabled).

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 15: Bij 'Nieuwe autorisatie aanvragen' in Stap 2 is er geen suggestie om de knop 'Indienen' actief te krijgen. Deze knop is disabled en de bezoeker moet ernaar raden dat er eerst een vinkje gezet moet worden in de checkbox.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 16: Als je op een van de aanvraagnummers klikt wordt een nieuw scherm getoond. Wat in de title staat wordt voorgelezen, echter dit is bij elke aanvraagnummer dezelfde titel. Blinde bezoekers weten zo niet of ze het correcte aanvraagnumer hebben gekozen. Zorg dat het unieke aanvraagnummer in de title staat of dat op andere wijze duidelijk is welke content er nu getoond wordt.
Een gelijksoortig probleem doet zich voor als je bij 'Nieuwe autorisatie aanvragen' In de laatste stap op 'Indienen' klikt.

Bevinding 17: Bij 'Nieuwe autorisatie aanvragen' staan onderop de 3 stappen, 1 Kenmerken, 2 Bevestiging, 3 Resultaat. De eerste/actieve stap is gemarkeerd met het getal in een blauw rondje. Deze informatie is echter niet beschikbaar voor mensen die het scherm niet kunnen zien. Gebruik aria-current om de actieve stap ook via hulpsoftware zichtbaar te maken.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 18: Bij 'Nieuw autorisatie aanvragen' kan je een geldige postcode typen, bijvoorbeeld '3067 DL'. Als je met een screenreader werkt krijg je na het laatste teken de melding dat dit geen geldige postcode is. Het vinkje is echter wel groen.

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

• testomgeving van RVP-portaal

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.