Issues:
Deelonderzoek content Gebruiker Centraal Maturity Scan

(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: Op de resultaatpagina maturityscan.gebruikercentraal.nl/scans/fec0f1ccc/ luidt de alternatieve tekst van de radargrafiek 'Radargraph with your score in this survey. Your score in orange'. Vervolgens kunnen screenreadergebruikers wel langs de 5 assen (A tot en met E), maar de score van de gebruiker wordt niet voorgelezen. Pas de tweede ronde worden alle assen nog een keer voorgelezen met de score erbij. Daarna worden alle cijfers op de verticale as voorgelezen. Screenreadergebruikers hebben daarnaast ook niets aan de tekst 'Your score in orange'. Aangezien de score op de rest van de pagina wordt verteld en toegelicht,is de radargrafiek nog slechts een visuele weergave van de inhoud van de pagina. Het is voldoende om de afbeelding decoratief te maken door bijvoorbeeld aria-hidden="true" in de code te gebruiken.

Bevinding 2: Op de resultaatpagina maturityscan.gebruikercentraal.nl/scans/fec0f1ccc/
wordt een score in de vorm van sterren getoond. Er is een tekst aanwezig met "Your score: ". Hiermee wordt het aantal oranje sterren aangeduid. Hier ontbreekt wat je wel uit de sterretjes kan halen, de tekst " of 5". Het is dan voldoende om de afbeelding (sterren) decoratief te maken door bijvoorbeeld aria-hidden="true" in de code op de afbeeldingen te gebruiken.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 3: Op de resultaatpagina maturityscan.gebruikercentraal.nl/scans/fec0f1ccc/ worden sterren voor de score gebruikt. De oranje sterren vormen de waardering. De grijze sterren tonen met de oranje het totaal te behalen score, 5. Het verschil tussen de oranje ster wordt enkel in kleur getoond. Zorg daarom dat de sterren ook in vorm anders zijn. Bijvoorbeeld door een achtergrondpatroon in de ster op te nemen, of de oranje groter te maken of de oranje een donkere rand te geven. Eventueel volstaat het om het contrast tussen geel en grijs minimaal 3:1 te maken.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 4: Het contrast van de invoervelden op pagina maturityscan.gebruikercentraal.nl/do-the-survey/ is te laag. De contrastverhouding is hier 1,4:1, waar dat minimaal 3:1 moet zijn. Dit geldt ook voor de randen om 'Review your answers' op de resultatenpagina.

Bevinding 5: Het contrast van de invoervelden op pagina maturityscan.gebruikercentraal.nl/do-the-survey/ is te laag als ze focus hebben. De contrastverhouding is hier 2,8:1, waar dat minimaal 3:1 moet zijn.

Bevinding 6: Het contrast van de oranje sterren in de radargrafiek op de resultatenpagina maturityscan.gebruikercentraal.nl/scans/fec0f1ccc/ is niet hoog genoeg. De contrastverhouding is hier 2,6:1, waar dat minimaal 3:1 moet zijn. Dat geldt ook voor de oranje sterren naast de resultaten per onderdeel op dezelfde pagina.

Bevinding 7: Het contrast van de grijze sterren naast de resultaten per onderdeel op de resultatenpagina is niet hoog genoeg. De contrastverhouding is hier 1,8:1, waar dat 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 8: Wanneer bezoekers in het formulier op pagina maturityscan.gebruikercentraal.nl/do-the-survey/ een formulierveld niet goed invullen, verschijnt er een HTML5 foutmelding in het formulierveld. HTML5-foutmeldingen worden niet in alle browsers even goed ondersteund of blijven soms niet lang genoeg staan. Voeg zelf foutmeldingen toe aan formulieren om dit probleem op te lossen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 9: Het selectievakje 'Permission to store emailaddress' op pagina maturityscan.gebruikercentraal.nl/do-the-survey/ heeft 2 labels, namelijk het label 'Permission to store emailaddress' en het label 'Yes, keep me up to date about any developments regarding the maturity model system. You may store my email address and name for at most 3 years. Only site-admins have access to these data.
(not required)'. Gebruik één label per selectievakje of invoerveld. Meerdere labels wordt niet door alle screenreaders en browsers ondersteund. Daarnaast krijgen screenreadergebruikers, als het tweede label wel wordt voorgelezen, deze tekst nu twee keer te horen. Verwijder het tweede label om dit probleem op te lossen.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 10: Wanneer bezoekers in het formulier op pagina maturityscan.gebruikercentraal.nl/do-the-survey/ een formulierveld niet goed invullen, verschijnt er een HTML5 foutmelding in het formulierveld. HTML5-foutmeldingen worden niet in alle browsers even goed ondersteund of blijven soms niet lang genoeg staan. Voeg zelf foutmeldingen toe aan formulieren om dit probleem op te lossen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 11: Ofschoon dit onderzoek zich richt op de content van de website kwamen we toch wat problemen technisch van aard tegen op pagina maturityscan.gebruikercentraal.nl/scans/fec0f1ccc/ . Hier worden een aantal keren het p-, div- en span-element niet geopend of afgesloten.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 12: De genummerde vragen op pagina maturityscan.gebruikercentraal.nl/do-the-survey/ die beantwoord worden met keuzerondjes, gebruiken een label als vraag in plaats van een fieldset en een legend combinatie. Hierdoor wordt de vraag niet voorgelezen wanneer bezoekers met de tabtoets en daarna met de pijltoetsen door de keuzerondjes navigeren. Gebruik een fieldset en legend combinatie om de vraag op de juiste manier te koppelen aan de antwoordopties.

Bevinding 13: Op de resultaatpagina wordt gebruik gemaakt van het details- en summary-element. In principe goed, maar (nog) niet alle gangbare hulpsoftware gaat goed met deze nieuwe techniek om. In verschillende blogposts wordt beschreven hoe hiermee om te gaan.

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

• Home:
  https://maturityscan.gebruikercentraal.nl/
• Scan:
  https://maturityscan.gebruikercentraal.nl/do-the-survey/
• Resultatenpagina:
  https://maturityscan.gebruikercentraal.nl/scans/fec0f1ccc/

Ondersteunende technieken

• HTML5
• WAI-ARIA
• CSS
• 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.