Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Business Portal CBS

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Business Portal CBS
Datum 17 november 2023
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • De startpagina https://mijn.acceptatie.cbs.nl.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 25

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://mijn.acceptatie.cbs.nl/enquete-kalender staat achter de aanleverdatum een rode driehoek met een uitroepteken als de datum verstreken is. Het icoon wordt door middel van het pseudo-element ::before en de content property in de CSS op de pagina gezet. Op deze manier kan het zijn dat het icoon wegvalt, bijvoorbeeld voor mensen die een eigen CSS gebruiken, of wanneer de CSS niet geladen wordt. De content property is alleen geschikt voor het toevoegen van puur decoratieve content. Bovendien is de afbeelding onzichtbaar gemaakt voor hulpsoftware doormiddel van aria-hidden, terwijl de afbeelding wel betekenis heeft. Een oplossing kan zijn om het icoon in de html te plaatsen, bijvoorbeeld als img- of svg-element met een tekstalternatief.

Bevinding 2: In de PDF-document 'Machtiging' (https://www.cbs.nl/-/media/cbsvooruwbedrijf/self-service/machtigingsformulier.pdf) is de foto een decoratieve afbeelding. Deze afbeelding heeft geen beschrijving en is niet als artefact aangemerkt. De decoratieve afbeelding dient als artifact te worden getagd. De invoervelden in het zelfde PDF-document zijn als figuur getagd zonder alternatieve tekst. Het document is hierdoor niet door blinden in te vullen, maak er invoervelden van met de juiste labels om dit document toegankelijk te maken.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Dit probleem is mogelijk technisch van aard:
Op pagina https://mijn.acceptatie.cbs.nl/statistische-informatie is de tekst 'selecteer een bedrijfstak' een label voor een uitklapbaar keuzeveld. Er zijn hier twee uitklapbare keuzevelden in de HTML code, één is verborgen voor hulpsoftware met aria-hidden en de andere niet. Het keuzeveld dat niet verbogen is voor hulpsoftware is via het attribuut aria-labelledby gekoppeld aan de tekst 'C Industrie'. Hierdoor is het keuzeveld niet gekoppeld aan het visuele label 'selecteer een bedrijfstak'. Zorg ervoor dat het keuzeveld aan het correcte label is gekoppeld. Hetzelfde geldt voor de twee andere keuzevelden op dezelfde pagina.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 4: De PDF-document 'Machtiging' (https://www.cbs.nl/-/media/cbsvooruwbedrijf/self-service/machtigingsformulier.pdf) heeft een codelaag, en wordt dus wel voorgelezen, maar de volgorde van de code komt niet overeen met de logische leesvolgorde in het document. Pas de volgorde van de code aan zodat deze overeenkomt met de leesvolgorde van het document.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Niet aanwezig

Bevinding 5: Onderstaande is geen content toegankelijkheidsprobleem, maar viel op:
Op pagina https://mijn.acceptatie.cbs.nl/contact/klacht-indienen is een formulier waar de bezoeker onder andere het eigen e-mailadres en postcode kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".

1.4 Onderscheidbaar

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Niet aanwezig

Bevinding 6: Onderstaande is geen (content) toegankelijkheidsprobleem, maar viel op:
Wanneer bij een schermgrootte van 1280x768px ingezoomd wordt tot 200% dan verdwijnt op pagina https://mijn.acceptatie.cbs.nl/statistische-informatie als de knop 'Toon tabel' is aangeklikt, bijvoorbeeld onder 'Bedrijfsoprichtingen en opheffingen' een deel van de tekst in de tabel buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Niet aanwezig

Bevinding 7: Onderstaande is geen content toegankelijkheidsprobleem, maar viel op:
Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op pagina https://mijn.acceptatie.cbs.nl/statistische-informatie als de knop 'Toon tabel' is aangeklikt, bijvoorbeeld onder 'Bedrijfsoprichtingen en opheffingen' een deel van de tekst in de tabel buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 8: Wanneer de uitklapbare keuzevelden op pagina https://mijn.acceptatie.cbs.nl/enquete-kalender toetsenbordfocus hebben, is dat zichtbaar door een lichtblauwe focusrand (HEX #C2DBFE). De contrastverhouding tussen de focusrand en de witte achtergrond is 1,4:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.

Bevinding 9: De randen van het invoerveld op pagina https://mijn.acceptatie.cbs.nl/enquete-kalender zijn lichtgrijs (HEX #CED4DA). Op de witte achtergrond heeft het invoerveld onvoldoende contrast. De contrastverhouding is hier 1,4:1. Zorg ervoor dat de contrastverhouding minimaal 3:1 is.

2. Bedienbaar

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Niet aanwezig

Bevinding 10: Onderstaande is geen content toegankelijkheidsprobleem, maar viel op:
Na inloggen verloopt de sessie zonder waarschuwing vooraf. Voor tijdslimieten geldt dat de bezoeker die moet kunnen uitzetten, aanpassen of verlengen. Dat is nu niet het geval.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Niet aanwezig

Bevinding 11: Onderstaande is geen content toegankelijkheidsprobleem, maar viel op:
Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Dit kan opgelost worden door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 12: De PDF 'Machtigingsformulier' (https://www.cbs.nl/-/media/cbsvooruwbedrijf/self-service/machtigingsformulier.pdf) heeft als documenttitel in de eigenschappen 'PowerPoint-presentatie'. Dit beschrijft de inhoud van de PDF niet. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond bij openen.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Niet aanwezig

Bevinding 13: Onderstaande is geen content toegankelijkheidsprobleem, maar viel op:
Op pagina https://mijn.acceptatie.cbs.nl/enquete-kalender staan invoervelden, bijvoorbeeld 'Bedrijfsonderdeel' die bij focus en klikken een keuzelijst openen. De elementen in de lijst krijgen geen toetsenbord focus als de tabtoets gebruikt wordt. Zorg ervoor dat bij navigatie met behulp van de tabtoets alle zichtbare interactieve elementen toetsenbord focus krijgen.

Bevinding 14: Onderstaande is geen content toegankelijkheidsprobleem, maar viel op:
Bij een lage resolutie verschijnt er een menuknop waarmee het hele menu geopend kan worden. Als je nu met de tabtoets verder navigeert kan je het menuvenster verlaten. Daardoor kan je niet meer zien waar je bent. Zorg dat je het menuvenster pas kan verlaten als deze gesloten wordt.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 15: Als op pagina https://mijn.acceptatie.cbs.nl/enquete-kalender/detail/8399384 op de knop 'English' is geklikt staat er een link zonder toegankelijke tekst tussen 'For questions please contact the ' en 'CBS Contact Center'. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Laat deze link weg. Zie ook succescriterium 4.1.2.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Niet aanwezig

Bevinding 16: Onderstaande is geen content toegankelijkheidsprobleem, maar viel op:
Er zijn pagina's in de website die maar op één manier gevonden kunnen worden. Bijvoorbeeld de pagina https://mijn.acceptatie.cbs.nl/contact/machtigingsformulier kan alleen gevonden worden door op de pagina https://mijn.acceptatie.cbs.nl/enquete-kalender bij één van de onderzoeken op 'Meer informatie' te klikken en dan op de link 'Machtigingsformulier' in het rechter menu. Zorg er voor dat er voor dat elke webpagina op meerdere manieren gevonden kan worden, door bijvoorbeeld een zoekfunctie toe te voegen of een sitemap.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 17: Op pagina https://mijn.acceptatie.cbs.nl/statistische-informatie staat onder elke grafiek de knop 'Toon tabel'. Deze knop heeft geen goede toegankelijke naam. De naam 'Grafiekdata in tabelvorm' geeft niet aan om welke data het gaat. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet. Vul de toegankelijke tekst aan met bijvoorbeeld de titel van de grafiek waar de knop bij hoort. Hetzelfde geldt voor de knoppen 'Download CSV' op de zelfde pagina. Deze hebben de toegankelijke naam 'Download CSV' waarbij het niet duidelijk is welke data de CSV bevat.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 18: Deze bevinding is mogelijk technisch van aard:
Op pagina https://mijn.acceptatie.cbs.nl/statistische-informatie staat onder elke grafiek de knop met de tekst 'Toon tabel'. De toegankelijke naam van de knop 'Grafiekdata in tabelvorm' bevat niet de naam die visueel zichtbaar is. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, het liefst vooraan.

Bevinding 19: Deze bevinding is mogelijk technisch:
Wanneer de bezoeker is ingelogd staat op iedere pagina een uitklapbare knop onder de tekst 'Ingelogd als'. Het visuele label van de knop is de naam van de persoon/organisatie die is ingelogd, maar de toegankelijke naam van deze knop is 'Gebruikersopties'. Zorg ervoor dat het visuele label voorkomt in de toegankelijke naam van de knop, het liefst vooraan.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 20: Als op pagina https://mijn.acceptatie.cbs.nl/statistische-informatie op de knop 'English' wordt geklikt is de taalaanduiding van de hele pagina Engels. De inhoud van de pagina is echter in het Nederlands. Zorg voor de juiste taalcodering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest, of vertaal de content op de pagina naar het Engels.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 21: Als op de pagina https://mijn.acceptatie.cbs.nl/enquete-kalender op de knop 'English' wordt geklikt is de taalaanduiding van de hele pagina Engels. De titels van de surveys zijn echter in het Nederlands, bijvoorbeeld 'Internationale Handel in Diensten SME'. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="nl" toe te voegen. Hetzelfde komt vaker voor in de website, bijvoorbeeld op dezelfde pagina bij de 'Reference period' die in het Nederlands wordt weergegeven, bijvoorbeeld '2e kwartaal 2023'.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 22: Wanneer het formulier op pagina https://mijn.acceptatie.cbs.nl/contact/klacht-indienen niet correct wordt ingevuld of een veld leeg wordt gelaten, verschijnt de foutmelding 'Dit veld is verplicht' bij het foute/lege veld. Deze foutmelding geeft niet duidelijk genoeg aan welke fout de bezoeker heeft gemaakt. Zorg ervoor dat foutmeldingen altijd aangegeven welke fout de bezoeker heeft gemaakt. Idealiter geeft de foutmelding ook aan in welk veld de fout is gemaakt.
Dit komt ook voor op pagina https://mijn.acceptatie.cbs.nl/contact/uitstel-aanvragen/8399384/ en https://mijn.acceptatie.cbs.nl/contact/vraag-stellen/

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 23: Wanneer bezoekers een fout maken bij bijvoorbeeld het veld 'E-mailadres contactpersoon' op pagina https://mijn.acceptatie.cbs.nl/contact/klacht-indienen, verschijnt er een foutmelding bij het veld waarin geen suggestie staat hoe bezoekers de fout kunnen oplossen. Zorg ervoor dat foutmeldingen een oplossing geven voor de gemaakte fout, bijvoorbeeld door een voorbeeld te geven van een correct format voor een e-mailadres.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://mijn.acceptatie.cbs.nl/enquete-kalender/detail/8399384 op de knop 'English' is geklikt staat er een link zonder toegankelijke tekst tussen 'For questions please contact the ' en 'CBS Contact Center'. Zonder een toegankelijke naam is de link niet te bedienen met hulpsoftware. Zorg ervoor dat elke link een goede toegankelijke naam heeft. Los dit probleem op door de link te verwijderen. Zie ook succescirterium 2.4.4.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Niet aanwezig

Bevinding 25: Onderstaande is geen (content) toegankelijkheidsprobleem, maar viel op:
Wanneer bezoekers op pagina https://mijn.acceptatie.cbs.nl/enquete-kalender met behulp van de knop 'Reset filter' aangemaakte filter verwijderen, veranderen de invoervelden erboven zonder dat de pagina ververst. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat de filters verwijderd zijn. Los dit op met bijvoorbeeld role="alert". Hetzelfde gebeurt vaker in de website, bijvoorbeeld op dezelfde pagina als de keuze 'Status/Gegevens aanleveren niet meer nodig' wordt aangeklikt.

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

Ondersteunende technieken

Bronnen

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

Geprint: 2025-01-15 14:52:52 v2.4-011