Issues:
Audit digitale toegankelijkheid websites Antwoord CBS en Mijn CBS

(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 pagina https://beh-iam.acceptatie.cbs.nl/ staat linksboven het logo van CBS. De gebruikte oplossing met een img-element met het tekstalternatief “Centraal Bureau voor de Statistiek — Home” voldoet niet doordat voor bezoekers niet duidelijk is dat deze afbeelding een logo is. Voeg de tekst 'logo' toe. Precies dezelfde afbeelding komt ook voor op pagina https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error.

Bevinding 2: Op pagina https://beh-beo.acceptatie.cbs.nl/ staat een logo met het tekstalternatief “Centraal Bureau voor de Statistiek”. Op pagina https://beh-beo.acceptatie.cbs.nl/?TaalKeuze=eng staat een logo met het tekstalternatief “Statistics Netherlands”. Voor beide afbeeldingen geldt dat duidelijk moet zijn dat de afbeelding een logo bevat en dat is nu niet het geval. Bezoekers die afhankelijk zijn van hulpsoftware missen nu de informatie dat ze gaan inloggen op een officiële CBS website. Voeg de tekst 'logo' toe.

Bevinding 3: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index staat linksboven de afbeelding van het CBS logo met de toegankelijke tekst “statisticsnetherlands”. De alternatieve tekst van een logo moet altijd tenminste de naam van de organisatie en eventuele overige tekst in de afbeelding bevatten en daarnaast een beschrijvend linkdoel als de afbeelding als link dient om ook te voldoen aan de eisen van succescriterium 2.4.4: Linkdoel (in context).

Bevinding 4: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index komt na het activeren van de link “Help” (het vraagteken rechtsboven) een pop-up in beeld. In die pop-up staan drie interactieve elementen. Het kruisje rechtsboven heeft nu met “Close” geen goed tekstalternatief. De tekst "Close" veranderen in "Sluiten" is een mogelijke oplossing.

Bevinding 5: Op pagina https://login-databestanden.acceptatie.cbs.nl/realms/Phoenix-inlog/login-actions/authenticate?client_id=BP&tab_id=54COMFv1tXA&execution=aa93d361-3b76-4de1-8c0a-fdf5505b0819&kc_locale=nl staat linksboven het logo van het CBS. Dat logo heeft nu een leeg tekstalternatief (alt=””). Het gevolg is dat die hele afbeelding genegeerd wordt door hulpsoftware. Dit logo moet een tekstalternatief krijgen dat duidelijk maakt dat het een logo is en de tekst “Centraal Bureau voor de Statistiek” bevat. Het doel van deze afbeelding is om duidelijk te maken dat dit een officiële webpagina van het Centraal Bureau voor de Statistiek is. Een oplossing zou zijn om deze afbeelding het tekstalternatief “Logo CBS (centraal bureau voor de statistiek)” te geven. Let erop dat het logo veranderd als een gebruiker overschakelt naar de Engelse versie van deze pagina. De Engelse versie van dit logo heeft een eigen Engelse versie van het tekstalternatief nodig.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 6: Op pagina https://beh-iam.acceptatie.cbs.nl/ staat linksboven het logo van CBS. Deze link staat nu in een h1-element, maar onder deze kop staat geen content met welke deze kop een relatie zou moeten hebben. Het advies is dan ook om hier geen koptekst te gebruiken, maar gewoon een link. Op het moment dat het tekstalternatief van die link aangepast is zodat die voldoet aan de eisen van succescriterium 1.1.1: Niet tekstuele content is de relatie van het logo bovenaan met de rest van de pagina al voldoende duidelijk. Dit probleem komt ook voor op pagina https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error.

Bevinding 7: Op pagina https://beh-iam.acceptatie.cbs.nl/ staat de tekst “Inloggen” in een label-element dat niet gekoppeld is aan een (of meer) invoervelden. Visueel is meteen duidelijk dat deze tekst een relatie heeft met de onderstaande invoervelden en de knop “Inloggen”. Die relatie moet ook beschikbaar worden voor gebruikers van hulpsoftware. Er zijn hier meerdere oplossingen mogelijk een daarvan het gebruik van de combinatie fieldset met legend.

Bevinding 8: Op pagina https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error staat de kop “Error” gevolgd door de tekst “Er is een fout opgetreden”. Die tweede tekst staat nu in een label-element met de class=”errorkoptekst”. Deze tekst is visueel opgemaakt als kop en moet dan ook als kop opgemaakt worden om te voldoen. Hier zijn verschillende oplossingen mogelijk. Een daarvan is om de kop “Error” te verwijderen, om van de tekst “Er is een fout opgetreden” een kop te maken en om van het label “Probeert u het … voor het ongemak.” een p-element te maken. Op die manier staat er één duidelijke kop met extra uitleg eronder.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 9: Op pagina https://beh-iam.acceptatie.cbs.nl/ is op beide invoervelden het attribuut autocomplete=”off” gebruikt. De waarde “off” moet aangepast worden. Het gaat hier om een login met gebruikersnaam en wachtwoord, daardoor is het gebruik van autocomplete=”username” en autocomplete=”password” verplicht. Het goed gebruik van autocomplete maakt het voor hulpsoftware zoals een wachtwoordmanager mogelijk om gebruikers te ondersteunen bij het in één keer goed invullen van gegevens. Dit geld ook voor andere gegevens zoals naam, adres en dergelijke op pagina https://www.w3.org/Translations/WCAG21-nl/#input-purposes staat een overzicht van de verplichte autocomplete waarden.

Bevinding 10: Op pagina https://login-databestanden.acceptatie.cbs.nl/realms/Phoenix-inlog/login-actions/authenticate?client_id=BP&tab_id=54COMFv1tXA&execution=aa93d361-3b76-4de1-8c0a-fdf5505b0819&kc_locale=nl is op beide invoervelden het attribuut autocomplete=”off” gebruikt. De waarde “off” moet aangepast worden. Het gaat hier om een login met gebruikersnaam en wachtwoord, daardoor is het gebruik van autocomplete=”username” en autocomplete=”password” verplicht. Dit geldt ook voor de Engelse versie van deze pagina.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 11: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index staat de knop “Verzenden”. Voor het kiezen van een bestand is deze blauwe (#7AA8D0) knop inactief. Na het kiezen van een bestand wordt deze knop paars (#AF0E80). Die verandering van kleur maakt visueel duidelijk dat deze knop nu gebruikt kan worden. Doordat de kleurverandering een contrast heeft van 2,6:1 voldoet die niet aan de eisen van dit succescriterium. Bij het aanpassen van dit onderdeel moet rekening gehouden worden met het contrast van de tekst “Verzenden” als de knop actief is, de inactieve versie van deze knop hoeft niet aan de eisen van succescriterium 1.4.3: Contrast (minimum) te voldoen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 12: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index komt een link met onvoldoende contrast in beeld nadat een bezoeker op het vraagteken rechtsboven heeft geklikt. Het gaat om de link “contactcenter@cbs.nl”. De lichtblauwe link (#00A1CD) op een witte achtergrond heeft een te laag contrast. De contrastverhouding van die tekst is nu 3,0:1 en moet voor dit formaat tekst minimaal 4,5:1 zijn om te voldoen.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 13: Op pagina https://beh-iam.acceptatie.cbs.nl/ is bij het herschalen naar 200% de tekst “Centraal Bureau voor de Statistiek” aangepast naar “CBS”. Het op deze manier aanpassen van tekst naar een afkorting is alleen toegestaan als er een toegankelijk alternatief aangeboden wordt. Voor deze test is de resolutie 1280 x 1024 gebruikt. Dit probleem komt ook voor op pagina https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error.

Bevinding 14: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index worden de icoontjes voor afmelden, afdrukken en help niet langer op een visueel logische plaats. Indien de pagina bekeken wordt met 100% zoom op de testresolutie 1280 x 1024 staan deze icoontjes rechts bovenaan. Indien deze pagina geladen wordt met 200% zoom staan deze drie icoontjes in de pagina op de rij “Contactpersoon:”. Op deze pagina komt ook een niet werkende knop “Wissel navigatie” in beeld het gaat om het hamburgericoon dat linksboven in beeld komt.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 15: Op pagina https://beh-iam.acceptatie.cbs.nl/ staan twee invoervelden. Om er voor te zorgen dat bezoekers de positie van deze invoervelden goed kunnen bepalen moeten de grijze (#ABABAB) randen voldoende contrast hebben met de witte (#FFFFFF) achtergrond. Dat contrast is nu 2,3:1 en moet minimaal 3,0:1 zijn om te voldoen.

Bevinding 16: Als bij een resolutie van 1280 x 1024 pixels word ingezoomd tot 200% verschijnt op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index linksboven een hamburger menu knop. Bij hover wordt de achtergrond van de menuknop paars (HEX #AF0E80). Het contrast van het blauwe icoon (HEX #04617A) op de paarse achtergrond bij is te laag. De contrastverhouding is 1,1:1 waar dit minstens 3,0:1 zou moeten zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 17: Op pagina https://beh-iam.acceptatie.cbs.nl/ staat rechts in de header een Britse vlag met de letters “ENG ” ervoor. Dit interactieve element is nu niet met het toetsenbord te bedienen. Het is niet mogelijk om de toetsenbordfocus op dit onderdeel te plaatsen. Dit probleem komt ook voor op pagina https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error, de interactieve vlag is daar ook niet met het toetsenbord te bedienen. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Bevinding 18: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index staat een “Help” link. Het gaat om het vraagteken in het rondje rechtsboven. Deze link is niet met het toetsenbord te bedienen doordat de link geen toetsenbordfocus kan ontvangen. Dit probleem wordt veroorzaakt doordat deze link geen href-attribuut heeft.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Bevinding 19: Bij het inloggen op pagina https://login-databestanden.acceptatie.cbs.nl/realms/Phoenix-inlog/login-actions/authenticate?client_id=BP&tab_id=54COMFv1tXA&execution=aa93d361-3b76-4de1-8c0a-fdf5505b0819&kc_locale=nl speelt er een tijdslimiet. Na ongeveer 15 minuten inactiviteit verloopt de sessie. Wanneer bezoekers dan een actie uitvoeren, zoals een inlogpoging met juiste gegevens, moeten zij toch opnieuw inloggen. In deze situatie komt de foutmelding “U bent te lang bezig geweest met inloggen. Het inlogproces begint opnieuw.” In beeld. Wanneer er een tijdslimiet aanwezig is op de website, zoals een verlopen sessie na een bepaalde periode, moet de bezoeker hiervoor gewaarschuwd worden en moet de bezoeker de tijdslimiet kunnen uitzetten, aanpassen (naar minstens 10 keer de tijdslimiet) of verlengen (minstens 10 keer).

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 20: Op pagina https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error is de paginatitel niet gevuld. Om aan de eisen van dit succescriterium te voldoen is het nodig dat het title-element van deze pagina gevuld is met een tekst. Denk daarbij aan een tekst als “Er is een fout opgetreden – antwoorden vragenlijst CBS”. Het advies is om er voor te zorgen dat deze tekst ook altijd duidelijk maakt op welke omgeving de gebruiker zich bevindt.

Bevinding 21: Het doel van de pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index is om een bestand te uploaden. Dat doel blijkt nu niet uit de gebruikte paginatitel “Centraal Bureau voor de Statistiek”. Deze pagina voldoet daardoor niet. Het advies is om de huidige tekst aan te vullen.

Bevinding 22: Op pagina https://login-databestanden.acceptatie.cbs.nl/realms/Phoenix-inlog/login-actions/authenticate?client_id=BP&tab_id=54COMFv1tXA&execution=aa93d361-3b76-4de1-8c0a-fdf5505b0819&kc_locale=nl is de paginatitel “Inloggen - Phoenix-inlog” gebruikt. Het doel van deze pagina is om in te loggen op mijn CBS. Dat doel blijkt nu niet uit de gebruikte paginatitel. Een betere paginatitel zou zijn “Inloggen op Mijn CBS”. Let op: de Engelse versie van deze pagina heeft nu de paginatitel “Sign in - Phoenix-inlog”, die paginatitel moet ook aangepast worden om te voldoen.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 23: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index staat de link “statisticsnetherlands”. Doordat deze link niet werkt voldoet deze niet aan de eisen van dit succescriterium. Na het repareren van deze link kan pas beoordeeld worden of het linkdoel voldoet. Dit probleem zou dan kunnen worden opgelost door aan de alternatieve tekst van het logo naast de gebruikelijke informatie ook het linkdoel toe te voegen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 24: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index bestaat de link “Ga naar hoofdinhoud”. Deze link is onzichtbaar ook als deze skiplink toetsenbordfocus heeft. Een link die toetsenbordfocus heeft moet op zichtbaar worden. Er is een groep bezoekers die niet visueel beperkt zijn, maar wel gebruik willen maken van een skiplink. Voor die groep is het noodzakelijk dat onderdelen die die toetsenbordfocus kunnen krijgen in beeld komen met een zichtbare focus op het moment dat de toetsenbordfocus op dat onderdeel komt te staan.

Bevinding 25: Als bij een resolutie van 1280 x 1024 pixels word ingezoomd tot 200% verschijnt op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index linksboven een hamburger menu knop. Als deze knop focus heeft is dat niet te zien. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 26: De taal van de pagina’s https://beh-beo.acceptatie.cbs.nl/ en https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index is nu niet ingesteld op Nederlands. Dit is op te lossen door aan het html-element het attribuut lang=”nl” toe te voegen.

Bevinding 27: Op pagina https://beh-beo.acceptatie.cbs.nl/?TaalKeuze=eng is de taal niet ingesteld. Doordat het hier gaat om een volledig Engelse pagina is het advies om het attribuut lang=”en” toe te voegen aan het html-element van deze pagina.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 28: Op pagina https://beh-iam.acceptatie.cbs.nl/ en op pagina https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error is het mogelijk om een deel van de inhoud van deze pagina in het Engels weer te geven door rechtsboven op de tekst “ENG” te klikken. Op het moment dat de Engelse vertaling van de content en footer in beeld staat moet die content ook in de code als Engels worden aangeduid. Doordat de content bovenaan niet veranderd moet de taal van de pagina op Nederlands blijven staan. Dit probleem is op de lossen door er voor te zorgen dat alle vertaalde content is omsloten door een tag met het attribuut lang=”en”.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 29: Op pagina’s https://beh-iam.acceptatie.cbs.nl/ en https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error staat rechts bovenaan een interactief span element. Deze elementen kunnen gebruikt worden om de taal van de pagina te wisselen tussen Engels en Nederlands. Deze component van de gebruikersinterface heeft nu geen rol die door software bepaald kan worden. Het advies is om hier een knop van te maken.

Bevinding 30: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index staat rechtsboven de link “Help” (Het witte vraagteken in de blauwe cirkel). Op deze link ontbreekt het href-attribuut. Het gevolg is dat software dit a-element niet herkend als link. De niet werkende toetsenbord bediening op deze link is daar een gevolg van.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 31: Op pagina https://beh-iam.acceptatie.cbs.nl/ komt na het succesvol inloggen tijdelijk een melding met de tekst “Bezig met inloggen” in beeld. Deze tekst is een statusbericht die overgebracht zou moeten worden aan gebruikers van hulpsoftware. Na het activeren van de knop “Inloggen” wordt er geen informatie overgebracht die hulpsoftware aan de gebruiker kan presenteren. Er zijn verschillende manieren om er voor te zorgen dat een statusbericht als deze gepresenteerd wordt aan bezoekers. Een van die oplossingen is om een leeg element met het attribuut role="status" te gebruiken. Het plaatsen van tekst in een dergelijk element zorgt ervoor dat die tekst als status-bericht gepresenteerd wordt.

Bevinding 32: Op pagina https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index komt er na het activeren van de knop “Versturen” een tekst in beeld die duidelijk maakt dat het verzenden bezig is. De tekst “Bezig met uploaden” moet beschikbaar worden voor gebruikers van hulpsoftware. Er zijn verschillende manieren om er voor te zorgen dat een statusbericht als deze gepresenteerd wordt aan bezoekers. Een van die oplossingen is om een element met het attribuut role="status" te gebruiken. Het plaatsen van tekst in een dergelijk element zorgt ervoor dat die tekst als status-bericht gepresenteerd wordt.

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

• Inloggen op Antwoord CBS:
  https://beh-iam.acceptatie.cbs.nl/
• Kies hoe u wilt aanleveren:
  https://beh-beo.acceptatie.cbs.nl/
• Fout pagina:
  https://beh-iam.acceptatie.cbs.nl/Error?aspxerrorpath=/cbs.dvz.iam.ui/CBS.DVZ.IAM.UI/error
• Een bestand naar het CBS uploaden:
  https://beh-upload.acceptatie.cbs.nl/CBS.DVZ.DownUpload.UI/DownUpload/index
• Inloggen op Mijn CBS:
  https://login-databestanden.acceptatie.cbs.nl/realms/Phoenix-inlog/login-actions/authenticate?client_id=BP&tab_id=54COMFv1tXA&execution=aa93d361-3b76-4de1-8c0a-fdf5505b0819&kc_locale=nl
• Choose how you want to submit:
  https://beh-beo.acceptatie.cbs.nl/?TaalKeuze=eng

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.