Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Historisch CBS

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Historisch CBS
Datum 31 augustus 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op het domein historisch.cbs.nl/.
  • Alle pdf's op het domein historisch.cbs.nl/.
Buiten de scope van het onderzoek valt:
  • Pagina waarvoor bezoekers moeten inloggen.
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: 55

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://historisch.cbs.nl/ staat het logo van CBS. Het img-element van deze afbeelding heeft geen alt-attribuut. Hierdoor gaat hulpsoftware zelf opzoek naar een alternatieve tekst voor de afbeelding en gebruikt bijvoorbeeld de bestandsnaam. Zorg ervoor dat het img-element een alt-attribuut krijgt met bijvoorbeeld de waarde 'Logo CBS' of 'CBS'.

Bevinding 2: Op pagina https://historisch.cbs.nl/bestaatniet staat een afbeelding van puzzelstukken. Deze afbeelding heeft de alternatieve tekst 'footer-puzzelstukken'. Dit is geen goede alternatieve tekst. Geef de afbeelding een nieuwe alternatieve tekst of maak de afbeelding decoratief door gebruik te maken van aria-hidden.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Wanneer bezoekers op pagina https://historisch.cbs.nl/ de link 'Uitgebreid zoeken' uitklappen, zijn verschillende comboboxen zichtbaar. Deze comboboxen hebben een visueel label, maar de combobox zelf is daar niet aangekoppeld. Het label heeft een for-attribuut. Zorg ervoor dat de waarde in het for-attribuut hetzelfde is als de waarde in het id-attribuut op het div-element met de role 'combobox'. Want als het label niet correct gekoppeld is aan het element heeft de combobox geen toegankelijke naam, wat hier het geval is (zie succescriterium 4.1.2). Een andere oplossing om de comboboxen een goede toegankelijke naam te geven is om gebruik te maken van een aria-label.

Bevinding 4: Op pagina https://historisch.cbs.nl/resultaten.php?nav_id=0-0 staan twee niet actieve links onder de tekst 'Niets geselecteerd'. Het is voor toetsenbordgebruiker mogelijk om focus te plaatsen op deze knoppen. Ook is er niets dat aan hulpsoftware aangeeft dat deze links niet-actief zijn. Maak daarom gebruik van aria-disabled op de a-elementen.

Bevinding 5: In het navigatiemenu op pagina https://historisch.cbs.nl/pagina.php?form-action=site_faq wordt aangegeven op welke pagina de bezoeker zich bevindt doordat deze link een andere kleur heeft. In de code is deze informatie niet beschikbaar voor hulpsoftware. Maak gebruik van aria-current op de link van de huidige pagina.
Dit komt ook voor op andere pagina's, bijvoorbeeld op https://historisch.cbs.nl/pagina.php?form-action=site_over.

Bevinding 6: Op pagina https://historisch.cbs.nl/bestaatniet is de tekst 'Sorry, de pagina is niet gevonden' opgemaakt met een h2-element. Deze tekst is geen kop. Maak de tekst daarom op met een p-element.

Bevinding 7: Opmerking: Op pagina https://historisch.cbs.nl/THE%20INTERACTION%20BETWEEN%20NATIONAL%20ACCOUNTS%20AND%20SOCIO-ECONOMIC%20POLICY%20WITH%20SPECIAL%20REFERENCE%20TO%20THE%20NETHERLANDS/OCCASIONAL%20PAPER.%20NATIONAL%20ACCOUNTS/1?nav_id=3-1&id=512756777&index=0 kunnen bezoekers een pdf downloaden. Dit bestand is niet toegankelijk voor gebruikers van hulpsoftware omdat het geen codelaag heeft. Hierdoor kunnen bijvoorbeeld screenreaders het bestand niet voorlezen. Gearchiveerde bestanden van voor 23 september 2019 hoeven niet toegankelijk te zijn. Wel moet het mogelijk zijn voor mensen om een toegankelijke versie van het bestand te kunnen aanvragen. Zorg ervoor dat op de website informatie is te vinden over hoe bezoekers een toegankelijk bestand kunnen opvragen. Lees meer over toegankelijkheid en archieven op https://digitoegankelijk.nl/aan-de-slag/tips/inhoud-van-archieven.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://historisch.cbs.nl/login.php kunnen bezoekers een gebruikersnaam en wachtwoord invullen. De input van deze velden moet programmatisch te bepalen zijn. Maak daarom gebruik van het autocomplete-attribuut op deze velden.
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 9: Op de website is een 'Hoog contrast' knop aanwezig op de website (alleen zichtbaar voor toetsenbordgebruikers). Wanneer deze knop is ingeschakeld zijn er nog steeds contrastproblemen aanwezig op de website.

Bevinding 10: Op pagina https://historisch.cbs.nl/ wordt gebruik gemaakt van witte tekst op een oranje achtergrond (HEX #DA5914), en andersom. Deze kleurencombinatie heeft een te laag contrast. De contrastverhouding is 3,8:1, waar dat minimaal 4,5:1 moet zijn. Deze kleurencombinatie komt ook voor wanneer de 'Hoog contrast' knop op de website is geactiveerd.
Deze kleurencombinatie komt voor op meerdere pagina's, bijvoorbeeld pagina https://historisch.cbs.nl/pagina.php?form-action=site_over en https://historisch.cbs.nl/login.php.

Bevinding 11: Wanneer de 'Hoog contrast' knop is geactiveerd op de website veranderen de skiplinks en 'Hoog contrast' knop van kleur. De tekst van deze links en knop wordt blauw (HEX #337AB7) op een blauwe achtergrond (HEX #2D7295). Deze kleurencombinatie heeft een te laag contrast. De contrastverhouding is hier 1,1:1, waar dat minimaal 4,5:1 moet zijn. Zorg ervoor dat de 'Hoog contrast' knop geen contrastproblemen creëert.
Dit probleem komt voor op meerdere pagina's, bijvoorbeeld op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0#resultaat-paginering en https://historisch.cbs.nl/login.php.

Bevinding 12: Wanneer bezoekers op pagina https://historisch.cbs.nl/ de link 'Uitgebreid zoeken' uitklappen, zijn twee invoervelden zichtbaar met de placeholdertekst 'dd-mm-jjjj'. Deze grijze tekst (HEX #A9A9A9) heeft onvoldoende contrast op de witte achtergrond. De contratsverhouding is hier 2,3:1, waar het minimaal 4,5:1 moet zijn. Zorg ervoor dat placeholderteksten ook voldoende contrast hebben.

Bevinding 13: Wanneer de 'Hoog contrast' knop op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0 is ingeschakeld verandert de tekst 'Filters' naar een bruine kleur (HEX #A35A00). Op de grijze achtergrond (HEX #E9E9E9) heeft deze tekst onvoldoende contrast. De contrastverhouding is hier 4,3:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 14: Wanneer de 'Hoog contrast' knop op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0 is ingeschakeld, verandert de tekstkleur van de huidige pagina in de paginering naar zwart. Op de blauwe achtergrond (HEX #271D6C) heeft de paginanummer te weinig contrast. De contrastverhouding is hier 1,4:1, waar het minimaal 4,5:1 moet zijn.
Dit komt ook voor op pagina https://historisch.cbs.nl/DE%20SOCIALE%20EN%20REGIONALE%20HERKOMST%20DER%20STUDENTEN%20BIJ%20HET%20HOGER%20ONDERWIJS/51?nav_id=3-1&id=394566187&index=0.

Bevinding 15: De filters op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0 zijn blauw (HEX #337AB7). Op de grijze achtergrond (HEX #E9E9E9) hebben deze teksten onvoldoende contrast. De contrastverhouding is hier 3,7:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 16: Op pagina https://historisch.cbs.nl/login.php staan twee invoervelden met placeholderteksten. Deze grijze teksten (HEX #A9A9A9) hebben onvoldoende contrast op de witte achtergrond. De contrastverhouding is hier 2,3:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 17: Wanneer bezoekers op pagina https://historisch.cbs.nl/resultaten.php?nav_id=0-0 inzoomen tot 200% bij een schermbreedte van 1280 bij 1024 pixels, verdwijnen de filteropties achter een knop. De zwarte tekst 'Opties' op deze knop heeft te weinig contrast op de blauwe achtergrond (HEX #2D7295). De contrastverhouding is hier 2,3:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 18: Opmerking: Er is een 'Hoog contrast' knop aanwezig op de website. Deze knop wordt alleen zichtbaar wanneer toetsenbordgebruikers hier focus op plaatsen. Niet alle bezoekers met een visuele beperking of die een hoog contrastversie van de website prettig vinden gebruiken het toetsenbord om de website te bedienen. Plaats daarom de hoog contrast knop als een gewone, zichtbare knop op de website. Zorg ervoor dat deze knop op een toegankelijke manier te bedienen is.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://historisch.cbs.nl/ staat in de HTML-code bij meta name="viewport" de volgende instellingen: "maximum-scale=1.0" en "user-scale=0". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instelling weg zodat bezoekers kunnen inzoomen op deze pagina.
Dit probleem komt voor op alle geteste pagina's.

Bevinding 20: Wanneer bezoekers op pagina https://historisch.cbs.nl/ inzoomen tot 200% bij een schermbreedte van 1280 bij 1024 pixels, vallen de skiplinks over andere content. Hierdoor zijn de skiplinks mogelijk niet goed leesbaar voor sommige bezoekers. Zorg ervoor dat content niet over elkaar komt te staan wanneer wordt ingezoomd op een pagina.

Bevinding 21: Het is niet mogelijke om op pagina https://historisch.cbs.nl/bestaatniet in te zoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixels, zonder dat content buiten de schermweergave valt. Zorg ervoor dat content in beeld blijft staan wanneer bezoekers inzoomen op deze pagina.

Bevinding 22: Wanneer bezoekers inzoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixels op pagina https://historisch.cbs.nl/THE%20INTERACTION%20BETWEEN%20NATIONAL%20ACCOUNTS%20AND%20SOCIO-ECONOMIC%20POLICY%20WITH%20SPECIAL%20REFERENCE%20TO%20THE%20NETHERLANDS/OCCASIONAL%20PAPER.%20NATIONAL%20ACCOUNTS/1?nav_id=3-1&id=512756777&index=0, is de content in het iframe niet meer goed zichtbaar omdat het over elkaar staat. Zorg ervoor dat content goed zichtbaar blijft wanneer bezoekers inzoomen op een pagina.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 23: Wanneer de 'Hoog contrast' knop op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0 is ingeschakeld, verandert de volgende knop in de paginering van kleur. Het blauwe icoon (HEX #271D6C) heeft te weinig contrast op de blauwe achtergrond (HEX #2D7295). De contrastverhouding is hier 2,6:1, waar dat minimaal 3:1 moet zijn.

Bevinding 24: Wanneer op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0 op de knop 'Meer filters' (Bij de filteropties) wordt gedrukt, verschijnt er een venster op de pagina. De sluitknop (HEX #999999) in dit venster heeft te weinig contrast op de witte achtergrond. De contrastverhouding is hier 2,8:1, waar dat minimaal 3:1 moet zijn.

Bevinding 25: In het iframe op pagina https://historisch.cbs.nl/DE%20SOCIALE%20EN%20REGIONALE%20HERKOMST%20DER%20STUDENTEN%20BIJ%20HET%20HOGER%20ONDERWIJS/51?nav_id=3-1&id=394566187&index=0 staan verschillende blauwe knoppen (HEX #73B6D5). Deze knoppen hebben onvoldoende contrast op de witte achtergrond. De contrastverhouding is hier 2,2:1, waar dat minimaal 3:1 moet zijn.
Ook de groene knop (HEX #6DC949) in dit iframe heeft onvoldoende contrast. De contrastverhouding is 2:1, waar het minimaal 3:1 moet zijn.
Dit probleem komt ook voor op pagina https://historisch.cbs.nl/WERKEN%20EN%20LEREN/FEITEN%20EN%20CIJFERS%20OVER%20DE%20ARBEIDSMARKT%20EN%20HET%20ONDERWIJS%20IN%20NEDERLAND/122?nav_id=1-1&id=394890922&index=0.

Bevinding 26: In het iframe op pagina https://historisch.cbs.nl/THE%20INTERACTION%20BETWEEN%20NATIONAL%20ACCOUNTS%20AND%20SOCIO-ECONOMIC%20POLICY%20WITH%20SPECIAL%20REFERENCE%20TO%20THE%20NETHERLANDS/OCCASIONAL%20PAPER.%20NATIONAL%20ACCOUNTS/1?nav_id=3-1&id=512756777&index=0 wordt focus aangegeven met een grijs vlak op het element (HEX #DDDEDF). Op de achtergrond van het iframe (HEX #F9F9FA) heeft het grijze focusvlak onvoldoende contrast. De contrastverhouding is hier 1,2:1, waar dat minimaal 3:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0 staan bij de filteropties uitklapbare knoppen, bijvoorbeeld de knop 'Collectie'. Deze knoppen zijn niet te bedienen met het toetsenbord. Hierdoor kunnen toetsenbordgebruikers de filteropties niet zichtbaar maken als zij de pagina bezoeken. Zorg ervoor dat deze knoppen te bedienen zijn met het toetsenbord.
Ook de uitklapbare knoppen op pagina https://historisch.cbs.nl/pagina.php?form-action=site_faq zijn niet te bedienen met het toetsenbord.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 28: Op pagina https://historisch.cbs.nl/ staan twee skiplinks: 'Zoekgroepen' en 'Formuliervelden'. De skiplinks werken niet goed wanneer bezoekers gebruikmaken van screenreaders zoals NVDA. Wanneer de skiplink 'Zoekgroepen' wordt geactiveerd wordt niets voorgelezen en blijft de screenreader stil. Zorg ervoor dat de skiplink de focus verplaatst naar de kop 'Zoeken'.
De skiplink 'Formuliervelden' werkt wanneer bezoekers deze activeren met het toetsenbord of hier op klikken met de muisaanwijzer. Zorg ervoor dat de link werkt.

Bevinding 29: Op pagina https://historisch.cbs.nl/pagina.php?form-action=site_faq is geen mechanisme aanwezig waarmee bezoekers herhalende blokken content kunnen overslaan. Maak gebruik van skiplinks op deze pagina om dit probleem op te lossen.
Ook andere pagina's hebben geen skiplinks, bijvoorbeeld pagina https://historisch.cbs.nl/pagina.php?form-action=site_over.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 30: Verschillende pagina's op de website hebben dezelfde paginatitel. Bijvoorbeeld pagina https://historisch.cbs.nl/THE%20INTERACTION%20BETWEEN%20NATIONAL%20ACCOUNTS%20AND%20SOCIO-ECONOMIC%20POLICY%20WITH%20SPECIAL%20REFERENCE%20TO%20THE%20NETHERLANDS/OCCASIONAL%20PAPER.%20NATIONAL%20ACCOUNTS/1?nav_id=3-1&id=512756777&index=0 en https://historisch.cbs.nl/DE%20SOCIALE%20EN%20REGIONALE%20HERKOMST%20DER%20STUDENTEN%20BIJ%20HET%20HOGER%20ONDERWIJS/51?nav_id=3-1&id=394566187&index=0 hebben beide de paginatitel 'Detail Image - CBS'. Een paginatitel is een belangrijk navigatiemiddel waaraan verschillende bezoekers een pagina kunnen herkennen. Zorg ervoor dat elke pagina een unieke paginatitel heeft.

Bevinding 31: Advies: Pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/aantalpp=14/?nav_id=0-0 heeft de paginatitel 'Resultaten in Images - CBS'. Dit komt overeen met de kop die op de pagina, maar nergens op de pagina wordt aangegeven welke zoekterm is gezocht. Vaak wordt de gezochte term aangegeven in de paginatitel van de zoekresultatenpagina. Met deze methode zijn de paginatitels voor verschillende zoekresultatenpagina's ook uniek.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 32: Wanneer bezoekers op pagina https://historisch.cbs.nl/ de link 'Uitgebreid zoeken' uitklappen, verschijnt er nieuwe content op de pagina. Voor toetsenbordgebruikers blijft de focus op de link 'Uitgebreid zoeken' staan terwijl de content boven deze link verschijnt. Dit kan ervoor zorgen dat toetsenbordgebruikers die het scherm niet kunnen zien deze content mogelijk missen. Zorg ervoor dat wanneer nieuwe content verschijnt op een pagina hier focus op wordt geplaatst, of zorg dat de nieuwe content het volgende item is dat focus krijgt.

Bevinding 33: Op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0 staan bij de filteropties uitklapbare knoppen, bijvoorbeeld de knop 'Collectie'. Voor toetsenbordgebruikers is het mogelijk om focus te plaatsen op de links achter deze knoppen. Wanneer de knoppen zijn ingeklapt weten toetsenbordgebruikers niet welke elementen focus hebben. Zorg ervoor dat focus alleen geplaatst kan worden op elementen wanneer deze zichtbaar zijn.
Dit probleem komt ook voor bij de uitklapbare knoppen op pagina https://historisch.cbs.nl/pagina.php?form-action=site_faq.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 34: Op pagina https://historisch.cbs.nl/ staan onder de tekst 'Deel deze pagina' verschillende links. Deze links hebben geen toegankelijke naam omdat ze gelabeld zijn door het visuele icoon (zie ook succescriterium 4.1.2). Doordat de links geen toegankelijke naam hebben is het linkdoel van deze links niet duidelijk voor screenreadergebruikers. Zorg ervoor dat elke link een toegankelijk naam krijgt die omschrijft waar de link naar verwijst.
Deze links komen ook voor op andere pagina's, bijvoorbeeld https://historisch.cbs.nl/pagina.php?form-action=site_faq en https://historisch.cbs.nl/pagina.php?form-action=site_over.

Bevinding 35: Op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0#resultaat-paginering staan twee links die gelabeld zijn met iconen, een downloadicoon een een x-icoon. Deze links hebben geen toegankelijke naam (zie ook succescriterium 4.1.2). Hierdoor zijn de links niet goed te bedienen met hulpsoftware en is het linkdoel niet duidelijk. Zorg ervoor dat deze links een toegankelijke naam krijgen die aangeeft waar de link naar verwijst.
Ook bij elke resultaat op deze pagina staan twee links (naast het selectievakje) die gelabeld zijn met iconen en geen toegankelijke naam hebben.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 36: Bij elke resultaat op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0#resultaat-paginering staat een selectievakje waarmee de bezoeker het resultaat kan selecteren. Alle selectievakjes hebben de toegankelijke naam 'Selecteren'. Hierdoor is het niet duidelijk voor blinde gebruikers van screenreader welk resultaat zij selecteren. Vul de toegankelijke naam van de selectievakjes aan met de naam van het resultaat.

Bevinding 37: Wanneer bezoekers op pagina https://historisch.cbs.nl/ inzoomen tot 200% bij een schermbreedte van 1280 bij 1024 pixels, verdwijnt het navigatiemenu achter een knop. Deze knop heeft de toegankelijke naam 'Menu openklappen', ook wanneer de knop is uitgeklapt en veranderd is in een sluitknop. Dat kan verwarrend zijn voor gebruikers van hulpsoftware, want de sluitknop geeft nu aan dat deze het menu openklapt. Zorg ervoor dat de toegankelijke naam van de knop verandert wanneer de functie van de knop verandert.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 38: Wanneer op pagina https://historisch.cbs.nl/ de combobox 'Wijze van zoeken' focus heeft, is dat niet zichtbaar. Wanneer een element focus heeft moet dit altijd zijn aangegeven met een visuele indicator. Zorg ervoor dat wanneer de combobox focus heeft dit wordt aangegeven, bijvoorbeeld met een focusrand.
Dit probleem de bij comboboxen op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 39: Op pagina https://historisch.cbs.nl/THE%20INTERACTION%20BETWEEN%20NATIONAL%20ACCOUNTS%20AND%20SOCIO-ECONOMIC%20POLICY%20WITH%20SPECIAL%20REFERENCE%20TO%20THE%20NETHERLANDS/OCCASIONAL%20PAPER.%20NATIONAL%20ACCOUNTS/1?nav_id=3-1&id=512756777&index=0 staat Engelse tekst onder de kop 'Detail Image'. Op dit moment leest voorleessoftware deze Engelse tekst voor met een Nederlandse uitspraak. Zorg ervoor dat voorleessoftware de tekst correct kan voorlezen door hier een taalwissel op aan te geven met het lang-attribuut.

Bevinding 40: In het iframe op pagina https://historisch.cbs.nl/THE%20INTERACTION%20BETWEEN%20NATIONAL%20ACCOUNTS%20AND%20SOCIO-ECONOMIC%20POLICY%20WITH%20SPECIAL%20REFERENCE%20TO%20THE%20NETHERLANDS/OCCASIONAL%20PAPER.%20NATIONAL%20ACCOUNTS/1?nav_id=3-1&id=512756777&index=0 hebben alle elementen een Engelse toegankelijke naam. Het iframe zelf heeft geen taalaanduiding, waardoor het door screenreaders als Nederlands wordt gezien. Geef het iframe een Engelse taalaanduiding of vertaal de toegankelijke namen naar het Nederlands.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Onvoldoende

Bevinding 41: Wanneer op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/pagina=1/aantalpp=14/?nav_id=0-0 de knop met de toegankelijke naam 'Sortering, aantal per pagina en filters toepassen' focus krijgt, ververst de pagina automatisch en staat de toetsenbordfocus weer bovenaan de pagina. Dit is verwarrend voor toetsenbordgebruikers. Zorg ervoor dat wanneer elementen focus krijgen die niet automatisch een actie uitvoert. Een knop mag pas geactiveerd worden door input van de gebruiker, bijvoorbeeld doordat zij op enter drukken. Doordat deze knop de toetsenbordfocus automatisch verplaatst, is alles wat na deze knop op de pagina komt niet te bereiken voor toetsenbordgebruikers.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 42: Het formulier op pagina https://historisch.cbs.nl/login.php maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan de tekst grootte niet aangepast worden zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 43: Op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0#resultaat-paginering staat een combobox waarmee bezoekers de resultaten kunnen weergeven op aflopend of oplopend. Deze combobox heeft geen label buiten het elementen. Hierdoor is het voor mensen met bepaalde cognitieve beperkingen lastig om dit elementen goed in te vullen. Zorg ervoor dat de combobox een duidelijk label krijgt dat buiten het element staat. Wanneer het label goed aan de combobox wordt gekoppeld heeft het gelijk een goede toegankelijke naam.

Bevinding 44: Op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0#resultaat-paginering staat bij elk resultaat een selectievakje. Deze selectievakjes hebben geen visueel label. Hierdoor is het voor bezoekers met bepaalde cognitieve beperkingen lastig deze selectievakjes goed te gebruiken. Zorg ervoor dat elke selectievakje een visueel label krijgt dat aangeeft waar het selectievakje voor dient.

Bevinding 45: Op pagina https://historisch.cbs.nl/login.php staan twee invoervelden die alleen een placeholdertekst als label hebben. De placeholdertekst is niet geschikt als visueel label voor een invoerveld omdat deze verdwijnt bij invoer. Zorg ervoor dat de velden een visueel label krijgen dat bij het veld blijft staan als bezoekers iets invullen.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende

Bevinding 46: Opmerking: Wanneer bezoekers op pagina https://historisch.cbs.nl/zoeken.php de link 'Uitgebreid zoeken' uitklappen zijn twee invoervelden zichtbaar waarin een datum kan worden ingevoerd. Het format voor dat datum staat aangegeven als placeholdertekst in het invoerveld, maar bezoekers kunnen ook een verkeerd format invullen bij de velden, zoals '3 mei 1999' in plaats van '03-05-1999'. Wanneer bezoekers een verkeerd format invullen en op de knop 'Zoeken' drukken, verschijnt er een foutmelding op de website. Het is beter als in deze foutmelding ook wordt aangegeven welk format de bezoeker moet gebruiken om de velden correct in te vullen. Het correcte format die in de placeholdertekst stond is namelijk niet meer zichtbaar omdat bezoekers iets hebben ingevuld bij de velden.

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 47: Op pagina https://historisch.cbs.nl/ staan onder de tekst 'Deel deze pagina' verschillende links die geen toegankelijke naam hebben. Dit komt doordat de links gelabeld zijn met een icoon en niet met een tekst. Doordat er geen toegankelijke naam aanwezig is zijn de links niet goed te bedienen met hulpsoftware, bijvoorbeeld een screenreader of spraakgestuurde bediening. Zorg ervoor dat elke link een goede toegankelijke naam krijgt, bijvoorbeeld door gebruik te maken van een aria-label op het a-element.
Deze links komen ook voor op andere pagina's, bijvoorbeeld https://historisch.cbs.nl/pagina.php?form-action=site_faq en https://historisch.cbs.nl/pagina.php?form-action=site_over.

Bevinding 48: Op pagina https://historisch.cbs.nl/ staat een invoerveld dat visueel gelabeld is met een vergrootglasicoon. Dit veld heeft geen toegankelijke naam. Hierdoor is het veld moeilijk te bedienen wanneer bezoekers gebruikmaken van hulpsoftware. Zorg ervoor dat het invoerveld een toegankelijke naam krijgt. Dat kan bijvoorbeeld door gebruik te maken een aria-label of door het veld een tekstueel label te geven en deze aan het input-element te koppelen met for- en id-attributen.

Bevinding 49: Wanneer bezoeker de link 'Uitgebreid zoeken' op pagina https://historisch.cbs.nl/ uitklappen zijn verschillende comboboxen zichtbaar. Deze comboboxen hebben geen toegankelijke naam omdat ze niet correct aan het bijbehorende label zijn gekoppeld (zie succescriterium 1.3.1). Zorg ervoor dat deze comboboxen goede toegankelijke namen krijgen.
Op andere pagina's staan ook comboboxen zonder toegankelijke naam, bijvoorbeeld op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0 en https://historisch.cbs.nl/DE%20SOCIALE%20EN%20REGIONALE%20HERKOMST%20DER%20STUDENTEN%20BIJ%20HET%20HOGER%20ONDERWIJS/51?nav_id=3-1&id=394566187&index=0 (in het iframe).

Bevinding 50: Wanneer bezoekers op pagina https://historisch.cbs.nl/ de link 'Uitgebreid zoeken' uitklappen zijn verschillende comboboxen zichtbaar. Wanneer de combobox 'Thema' is uitgeklapt zijn opties te zien die geen visueel label hebben en geen toegankelijke naam. Dit kan verwarrend zijn voor gebruikers van hulpsoftware. Verwijder deze lege opties uit het element.

Bevinding 51: Op pagina https://historisch.cbs.nl/zoeken/groep=Images/Zoek=bevolking/s_Relevantie=aflopend/pagina=1/aantalpp=14/?nav_id=0-0#resultaat-paginering staan meerdere links zonder toegankelijke naam (zie succescriterium 2.4.4.). Het gaat hier om de links onder de tekst 'Niets geselecteerd' en bij elk resultaat de link 'Inhoudsopgave' (naast het selectievakje). Zonder toegankelijke naam zijn de links niet te bedienen met hulpsoftware. Zorg ervoor dat de links een goede toegankelijke naam krijgen, bijvoorbeeld door gebruik te maken van aria-label.

Bevinding 52: Op pagina https://historisch.cbs.nl/ is gebruik gemaakt van een role=combobox op verschillende div-elementen. Hierbij moet ook gebruik worden gemaakt van het attribuut aria-expanded op het div-element, zodat hulpsoftware kan aangeven wanneer de combobox is uitgeklapt.

Bevinding 53: Op pagina https://historisch.cbs.nl/DE%20SOCIALE%20EN%20REGIONALE%20HERKOMST%20DER%20STUDENTEN%20BIJ%20HET%20HOGER%20ONDERWIJS/51?nav_id=3-1&id=394566187&index=0 staat een iframe. In dit iframe staat de knop 'Kleur aanpassingen'. Wanneer deze knop is geactiveerd is een venster zichtbaar met daarin schuifregelaars. Deze schuifregelaars hebben geen toegankelijke naam. Zorg ervoor dat deze elementen een toegankelijke naam krijgen.

Bevinding 54: Op pagina https://historisch.cbs.nl/THE%20INTERACTION%20BETWEEN%20NATIONAL%20ACCOUNTS%20AND%20SOCIO-ECONOMIC%20POLICY%20WITH%20SPECIAL%20REFERENCE%20TO%20THE%20NETHERLANDS/OCCASIONAL%20PAPER.%20NATIONAL%20ACCOUNTS/1?nav_id=3-1&id=512756777&index=0 staat een iframe zonder title-attribuut. Hierdoor het het iframe geen toegankelijke naam. Geef het iframe een title-attribuut met een waarde die de inhoud omschrijft.

Bevinding 55: Wanneer bezoekers op pagina https://historisch.cbs.nl/resultaten.php?nav_id=0-0 inzoomen tot 200% bij een schermbreedte van 1280 bij 1024 pixels, verdwijnen de filteropties achter een knop. Deze knop is uitklapbaar, maar wanneer de knop in- of uitgeklapt is wordt niet doorgegeven aan hulpsoftware. Maak daarom gebruik van aria-expanded op het button-element.
Een soortgelijk probleem komt ook voor bij de uitklapbare knoppen op pagina https://historisch.cbs.nl/pagina.php?form-action=site_faq.

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: 2024-11-22 20:01:43 v2.4-011