Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Longreads CBS

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Longreads CBS
Datum 17 Juli 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op longreads.cbs.nl
  • Alle PDF's op longreads.cbs.nl
Buiten de scope van het onderzoek valt:
  • De pagina's op cbs.nl. Dit vereist een apart onderzoek.
  • 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 longreads.cbs.nl/dearbeidsmarktincijfers-2022/bijlage-3-indeling-naar-bedrijfstak/ staat een afbeelding 'Indeling naar bedrijfstak op basis van sbi 2008' met daarin tekst. De toegankelijke tekst 'Tabel met een toelichting op de bedrijfsindeling die ...' beschrijft wel de tabel maar geeft niet de inhoud van de tabel weer. Zorg er voor dat blinden die afhankelijk zijn van schermleessoftware dezelfde informatie krijgen als ziende bezoekers. Dat kan bijvoorbeeld door de inhoud in een verborgen tabel in de pagina te plaatsen die wel beschikbaar is voor hulpsoftware.

Bevinding 2: Op pagina longreads.cbs.nl/monitor-brede-welvaart-en-sdgs-2022/samenvatting/ staan 3 infographics in de vorm van een cirkel met veel informatie. De informatie in de cirkels is toegankelijk gemaakt, maar als op een taartpunt in de cirkel geklikt wordt, verschijnt er meer informatie. De grafieken in die informatie zijn niet toegankelijk. Bijvoorbeeld bij de infographic 'Brede-welvaarttrends (BWT): hier en nu' geeft de taartpunt 'Tevredenheid met het leven' de grafieken 'Tevredenheid met het leven, Nederland'. De schermlezer leest de gegevens op de horizontale en verticale as van de grafiek wel voor, maar niet de gegevens op de blauwe lijn. Maak de figuur onzichtbaar voor hulpsoftware en geef de data op een andere manier, bijvoorbeeld in een toegankelijke tabel. Hetzelfde geldt voor de andere grafieken onder de taartpunten.

Bevinding 3: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ is de informatie in de grafiek 3.4.3 niet beschikbaar voor hulpsoftware. De SVG-afbeelding heeft geen naam. Los dit op met role=’img’ en een title-element met een alternatieve tekst als eerste child-element toe te voegen of maak de informatie op een andere manier beschikbaar, bijvoorbeeld in een (verborgen) tabel. Hetzelfde komt vaker voor in de website, bijvoorbeeld bij figuur 4.4.4 op dezelfde pagina en op pagina longreads.cbs.nl/im2020-3/kenmerken-van-bedrijven-met-rend-en-exportactiviteiten/ bij figuur 4.4.3 en op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/.

Bevinding 4: Op vele pagina’s van deze website staan tabellen die bestaan uit vele svg-afbeeldingen. Sommige zijn voorzien van tekstalternatieven, anderen zijn verborgen voor hulpsoftware. Voor een blinde bezoekers is het heel moeilijk om een compleet beeld te krijgen van informatie die in deze grafieken of tabellen staan. Zie bijvoorbeeld pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ onder kopje 3.2.1. Zet deze informatie om in platte tekst of een toegankelijke tabel.

Bevinding 5: Op pagina longreads.cbs.nl/emancipatiemonitor-2022/bronnen/ staan links met afbeeldingen die aangeven dat de links naar externe bronnen leiden. Deze afbeeldingen hebben geen tekstalternatief. Geef een blinde bezoeker dezelfde informatie door deze iconen te voorzien van een tekstalternatief.

Bevinding 6: Op vele pagina’s hebben tabellen een knop met drie horizontale streepjes om de grafiek te printen. Deze afbeelding heeft geen tekstalternatief. Deze svg-afbeelding moet worden voorzien van role=’img’ en een title-element met beschrijving van wat de knop waarin deze afbeelding deel van uitmaakt, doet. Zie bijvoorbeeld longreads.cbs.nl/the-netherlands-in-numbers-2022/are-people-happy-with-the-house-they-live-in/.

Bevinding 7: Advies: Op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-collect-data/ staat een infographic 'Hoe komt het CBS aan de cijfers?'. De svg heeft een goede toegankelijke naam, maar ook alle gegevens in de figuur zijn beschikbaar voor hulpsoftware en worden letter voor letter voorgelezen. (afbeelding 1 afbeelding 0 afbeelding % afbeelding B afbeelding i afbeelding g afbeelding d) ... Deze tekst is overbodig, maak de figuur onzichtbaar voor hulpsoftware. Dit kan door de svg role=”img” te geven. Hetzelfde geldt bijvoorbeeld op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/ voor de figuur 'Hoe gaat het CBS om met je privacy?'.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina longreads.cbs.nl/nederland-in-cijfers-2022/ staat video die valt onder louder-video. Als een videobestand wordt aangeboden, moet een alternatief geleverd worden die dezelfde informatie geeft aan een blinde bezoeker. Er zijn twee opties: een uitgeschreven tekst waarin alle teksten zijn uitgeschreven of audiospoor waarin een stem deze teksten voorleest.

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 9: Op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/ wordt een video getoond. De gesproken taal is Nederlands, maar de ondertiteling is alleen in het Engels. Zorg ervoor dat mensen met een auditieve beperking ook weten welke informatie in het audiospoor voorkomt door een ondertiteling aan de video toe te voegen in de taal van de video.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 10: Op pagina longreads.cbs.nl/nederland-in-cijfers-2022/ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:07 'Waar werken de meeste mensen'. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals schermvoorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan succescriterium 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 11: Op pagina longreads.cbs.nl/nederland-in-cijfers-2022/ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:07 'Waar werken de meeste mensen'. Er ontbreekt een voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voiceover of maak gebruik van een audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 12: Op pagina longreads.cbs.nl/emancipatiemonitor-2022/bronnen/ bij de titels van alle bronnen en pagina longreads.cbs.nl/dearbeidsmarktincijfers-2022/begrippen/ koppen opgemaakt met het strong-element. Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Ook mogen deze elementen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3).

Bevinding 13: Op pagina longreads.cbs.nl/dearbeidsmarktincijfers-2022/zoeken/?zoom_query=bronnen staan zoekresultaten. Elk resultaat heeft een kopje en een inleidende tekst. Deze structuur is alleen visueel te onderscheiden. De voorleessoftware leest de resultaten voor zonder aan te geven waar een resultaat eindigt en een ander begint. Zorg ervoor dat de visuele structuur ook in de code te zien is. Dat kan door het gebruik te maken van kopjes of alle zoekresultaten in een lijst op te nemen, zodat elk resultaat als een apart item wordt voorgelezen.

Bevinding 14: Op de pagina https://longreads.cbs.nl/im2020-3/kenmerken-van-bedrijven-met-rend-en-exportactiviteiten/ staat onder de kop een stuk tekst die is vetgedrukt. Hier is het strong-element gebruikt om een hele alinea nadruk te geven, dat is niet de bedoeling. Het em- en strong-element is bedoeld voor het benadrukken van enkele woorden of zinsdelen. Maak gebruik van de stylesheet om een introtekst in een dikgedrukt lettertype te tonen. Hetzelfde gebeurt op meer plaatsen in de website, bijvoorbeeld op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/.

Bevinding 15: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ worden tussenkopjes gebruikt die als kopteksten niet zijn opgemaakt. Zie bijvoorbeeld alle kopjes bij tabellen en grafieken (bijvoorbeeld ‘3.1.1Indicators for distribution of well-being’) en tussenkopjes in tekst (bijvoorbeeld ‘Color codes’, ‘3.4.2 Percentage of every population’). Dit komt op meerdere pagina’s voor.

Bevinding 16: Op de pagina longreads.cbs.nl/im2020-3/kenmerken-van-bedrijven-met-rend-en-exportactiviteiten/ staat een datatabel onder 4.2.1. De koppen 'Grootteklasse', 'Relatief aantal bedrijven (%)' en 'Activiteitencategorie' in deze tabel zijn opgemaakt met het strong-element, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element. Hetzelfde komt vaker voor op dezelfde pagina, bijvoorbeeld in tabel 4.2.2.

Bevinding 17: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ staan tabellen. In een simpele tabel (twee cellen op een rij) onder 3.1.1 zijn de cellen met elkaar gebonden met ‘id en header’ constructie. Deze constructie wordt gebuikt om complexe, multidimensionale tabellen toegankelijk te maken. Verderop de pagina in een complexe, tweedimensionale tabel onder 3.2.2 is de kolomkop niet opgemaakt als kolomkop. Hier zijn dagecellen (td) gebruikt en achtergrondkleur gebruikt om aan te geven dat het een kolomkop is. Gebruik de juiste opmaak voor alle tabellen en vermijd complexe tabellen waar mogelijk.
Op pagina https://longreads.cbs.nl/dearbeidsmarktincijfers-2022/ staat een tabel met daarin kopcellen. De eerste cel is een kopcel waarin niets staat. Zorg dat elke kopcel een naam heeft die de bijbehorende cellen beschrijft of, als dit de eerste kolom betreft zorg dat hier geen kop (<th> wordt gebruikt, maar een cel (<td>). Hetzelfde komt voor bij veel tabellen in de website, bijvoorbeeld ook op pagina longreads.cbs.nl/im2020-3/kenmerken-van-bedrijven-met-rend-en-exportactiviteiten/ onder andere bij tabel 4.3.1.

Bevinding 18: Op pagina https://longreads.cbs.nl/dearbeidsmarktincijfers-2022/ staat grote tekst ‘De arbeidsmarkt in cijfers 2022’. Deze tekst is het eerste wat men ziet als de pagina geladen wordt. Deze tekst ziet er uit als een kop, maar is niet als koptekst opgemaakt. Zet deze tekst om in een h1-element en pas de andere kopjes aan zodat de hierarchie van de informatie klopt. Dit issue komt ook op andere pagina’s voor. Zie bijvoorbeeld longreads.cbs.nl/im2020-3/kenmerken-van-bedrijven-met-rend-en-exportactiviteiten/.

Bevinding 19: Advies: de PDF die door het systeem gemaakt wordt van de publicatie is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, wat de leesvolgorde is en de alternatieve tekst bij afbeeldingen ontbreekt. Dit is niet af te keuren als de website verder toegankelijk is omdat er dan een toegankelijk alternatief voor de PDF aanwezig is. Het valt te overwegen om in de link naar de PDF aan te geven dat het hier om een ontoegankelijke PDF gaat.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 20: Op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/are-people-happy-with-the-house-they-live-in/ staat een figuur 'Zijn we tevreden over onze woningen'. Voorleessoftware leest de teksten in deze figuur van onder naar boven, van links naar rechts. Daardoor is niet duidelijk waar de figuur over gaat en welk percentage bij welke categorie hoort. Zorg er voor dat volgorde in de html overeenkomt met de visuele informatie in de figuur.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 21: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ wordt gebruikgemaakt van 'Colour codes'. Bijvoorbeeld in een staafdiagram onder 3.4.2 waarin de top- , middel- en bodem-percentages alleen door middel van kleur zijn weergegeven. Slechtziende of kleurenblinde bezoekers kunnen het onderscheid mogelijk niet zien. Zorg er daarom voor dat de balken, rondjes en cirkels op de pagina ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te verschillend te arceren. Blinden krijgen bijvoorbeeld de percentages voorgelezen in de figuren onder 3.3 en de staafdiagrammen in figuur 3.4.2, maar niet of het om top- , middel- of bodem-percentages gaat. Zorg er voor dat de informatie die door kleur wordt overgebracht ook als tekst beschikbaar is, bijvoorbeeld door in de naam van de afbeelding van de cirkel mee te geven. Hetzelfde komt voor op meerdere pagina voor, bijvoorbeeld longreads.cbs.nl/the-netherlands-in-numbers-2022/are-people-happy-with-the-house-they-live-in/ in de figuur 'Zijn we tevreden over onze woning?' waar percentage bij 'Kopers' en 'Huurders' alleen aan de hand van kleur zijn te herkennen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 22: Op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/ onder het kopje “The questions” staan links met verschillende kleurteksten. Vele van deze kleuren voldoen niet aan een minimaal kleurcontrast van 4,5:1. Controleer al deze kleuren op contrast en zorg voor een minimale waarde van 4,5:1.

Bevinding 23: Op pagina longreads.cbs.nl/dearbeidsmarktincijfers-2022/bijlage-3-indeling-naar-bedrijfstak/ is een grijze tekst '© ANP / Owen O’Brien' (HEX #939393) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,1:1 waar dit 4,5:1 moet zijn. Deze onderschrift komt op vele pagina’s voor.

Bevinding 24: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ in figuur 3.4.2 hebben de rode-, grijze- en groene percentages (HEX #E6382C, HEX #878787 en HEX #79B729) op witte achtergrond een te laag contrast. De contrastverhoudingen zijn 4,2:1, 3,6:1 en 2,5:1 waar dit 4,5:1 moet zijn.

Bevinding 25: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ hebben de groene percentages op witte achtergrond onder 3.3 een te laag contrast. De contrastverhouding is 2,4:1 waar dit 3:1 moet zijn.

Bevinding 26: Op sommige pagina’s krijgt een actieve link in de navigatiekolom aan de linkerkant de themakleur van het onderwerp. Zie bijvoorbeeld longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ waar groene kleur is gebruikt op een lichtgrijze achtergrond. Het kleurcontrast is 2,7:1 waar het 4,5:1 moet zijn. Ook kan deze themakleur in combinatie met een witte achtergrond van de pagina voor onvoldoende contrast zorgen. Zie groene tussenkopjes op deze pagina. Het kleurcontrast is 4,2:1. Dit moet minimaal 4.5:1 zijn.

Bevinding 27: Op de pagina met zoekresultaten staan zoekresultaten. Het kopje van elk item heeft een blauwe kleur (HEX #008DB3) die zorgt voor contrastwaarde van 3,8:1. Dit moet minimaal 4,5:1 zijn. Zie longreads.cbs.nl/dearbeidsmarktincijfers-2022/zoeken/?zoom_query=bronnen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 28: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/are-people-happy-with-the-house-they-live-in/ een deel van de tekst in de tabellen 'Housing satisfaction by age of household head, 2021' en 'Average housing ratio, by age of household head, 2021' buiten beeld. Er is geen scrollbalken om de tekst te kunnen bekijken. Tabellen vormen een uitzondering maar er moet wel een scrollbalk aanwezig zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 29: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ staat onder 3.2.1 een infographic. De licht grijze cirkels (HEX #C9C9C9) op witte achtergrond hebben betekenis. De contrastverhouding van de cirkels met de achtergrond is 1,7:1, waar dat minimaal 3:1 moet zijn. Dezelfde kleurencombinatie is gebruikt voor de grijze staven onder 3.4.2.

Bevinding 30: Op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/ staat een videospeler. De witte knoppen die onderaan de video staan, staan op een lichtgrijze achtergrond. Op sommige lichte beelden in de video wordt het kleurcontrast tussen de knoppen en de achtergrond lager dan het vereist minimum van 3,0:1.

Bevinding 31: Op de pagina met zoekresultaten staat een zoekbalk. De randkleur is lichtgrijs (HEX #E4E5E5) en heeft kleurcontrast van 1,3:1. Dit moet minimaal 3,0:1 zijn. Zie longreads.cbs.nl/dearbeidsmarktincijfers-2022/zoeken/?zoom_query=bronnen.

Bevinding 32: De grijze wisselknop 'Show averages' (HEX #EFEFEF) bij grafiek 3.4.3 op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ heeft een te laag contrast: 1,1:1. Dit moet minimaal 3,0:1 zijn.

Bevinding 33: Op elke pagina staat een knop met een vergrootglas. Deze knop opent een overlay met een zoekbalk. In de overlay staat een knop met een kruisje erop die de overlay sluit. De achtergrond is grijs (HEX #919191), de knop is lichtgrijs (HEX #DCDDDD). Het kleurcontrast is 2,3:1. Dit moet minimaal 3,0:1 zijn.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 34: Als je op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ in figuur 3.2.1 over een bolletje gaat met de muis (hover), verschijnt er aanvullende content. De bezoeker kan deze content niet weghalen zonder de muis te bewegen of de focus met het toetsenbord te verplaatsen. Een bezoeker moet dit bijvoorbeeld met de escape toets kunnen doen. Hetzelfde komt vaker op de website voor, bijvoorbeeld bij de staafdiagrammen op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/are-people-happy-with-the-house-they-live-in/.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 35: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% dan is er rechtsboven een menu knop. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze knop niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.
Hetzelfde geldt voor de zoekknop met het icoon voor een vergrootglas boven aan elke pagina, ook deze is niet bereikbaar bij navigatie met het toetsenbord, onafhankelijk van de schermgrootte.

Bevinding 36: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ staan noten in de tekst. Deze interactieve elementen zijn met de muis te bedienen en openen schermen met extra informatie als erop wordt geklikt. Deze informatie is niet beschikbaar voor bezoekers die met het toetsenbord de website navigeren. Zorg ervoor dat deze elementen ook met het toetsenbord te bedienen zijn. Dit komt op meerdere pagina’s voor.

Bevinding 37: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ staat onder 3.2.1 een interactieve infographic. Bij hover met de muis over een bolletje verschijnt extra content. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze bolletjes niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Bevinding 38: Wanneer bezoekers in de interactieve grafiek op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ een keuze maken, bijvoorbeeld 'Age', verschijnt er zonder dat de pagina ververst nieuwe informatie boven de knop. Daarbij verschijnen nieuwe knoppen om een leeftijdscatagorie te kiezen. Deze knoppen zijn niet te bedienen door mensen die de pagina navigeren met behulp van het toetsenbord. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

Bevinding 39: Op vele pagina’s hebben tabellen een knop met drie horizontale streepjes om de grafiek te printen. Deze knop is niet met toetsenbord te bedienen. Zie bijvoorbeeld longreads.cbs.nl/the-netherlands-in-numbers-2022/are-people-happy-with-the-house-they-live-in/.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 40: Op elke pagina ontbreekt een mechanisme om de herhalende content zoals het linker menu met de titels van het document 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: Voldoende

Bevinding 41: Advies: de PDF die door het systeem gemaakt wordt van de publicatie heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond. Dit is niet af te keuren als de website verder toegankelijk is omdat er dan een toegankelijk alternatief voor de PDF aanwezig is. Het valt te overwegen om in de link naar de PDF aan te geven dat het hier om een ontoegankelijke PDF gaat.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 42: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% dan is er rechtsboven een menu knop. De items in het menu krijgen toetsenbordfocus, ook als het menu niet geopend is. Dit is verwarrend voor gebruikers die met het toetsenbord navigeren, maar wel het scherm kunnen zien. Zorg ervoor dat de items die niet zichtbaar zijn als het menu dicht is geen focus krijgen.

Bevinding 43: Als de zoekbalk in beeld komt, wordt de pagina verborgen achter een grijze overlay. De focus loopt door een sluitknop, de zoekbalk en landt vervolgens op de pagina die niet in beeld is. De focus mag deze overlay niet verlaten. Zorg ervoor dat de focus binnen de overlay blijft totdat de bezoeker het scherm afsluit. Zie https://longreads.cbs.nl/dearbeidsmarktincijfers-2022/.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 44: Advies: Op de titelpagina van elke publicatie is de titel van de publicatie een link naar de zelfde pagina. Dat kan verwarrend werken, laat de link weg. Hetzelfde geldt voor de link 'Longread' er onder.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 45: Op elke pagina staat links een menu met de hoofdstukken van de publicatie met rechtsboven een knop: 'Open of sluit menu'. Als deze focus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Hetzelfde komt vaker voor in de website, bijvoorbeeld bij het logo van het CBS.

Bevinding 46: Op pagina longreads.cbs.nl/dearbeidsmarktincijfers-2022/bijlage-3-indeling-naar-bedrijfstak/ is de focus niet zichtbaar als, in het linker menu, de link naar de huidige pagina 'Bijlage 3. Indeling naar bedrijfstak' focus heeft. Zorg er voor dat deze actieve link geen focus kan krijgen of voeg een duidelijke focusrand toe. Hetzelfde probleem komt voor op alle pagina's met een hoofdstuk van een publicatie, bijvoorbeeld pagina longreads.cbs.nl/dearbeidsmarktincijfers-2022/de-vraag-naar-arbeid/ met de link 'De vraag naar arbeid'.

Bevinding 47: Op de pagina met zoekresultaten longreads.cbs.nl/dearbeidsmarktincijfers-2022/zoeken/?zoom_query=bronnen is de focus niet zichtbaar op de knop met een vergrootglas om de zoekopdracht te versturen. Zorg voor zichtbare focus zodat een bezoeker weet wanneer hij op Enter moet drukken.

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 48: Op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/ staat een infographic die bestaat uit een svg-element met teksten. De teksten bestaan voor de helft uit Engelstalige teksten en een andere helft uit Nederlandstalige teksten. Voor de Nederlandstalige teksten is een taalwissel nodig op deze Engelstalige pagina. Zonder taalwissel worden deze teksten met de Engelstalige uitspraakregels voorgelezen omdat de hoofdtaal van de pagina Engels is.

Bevinding 49: Advies: Bovenaan de Engelstalige pagina staat een beschrijving van de foto 'Foto omschrijving: On the Wadden Sea island ...' Het eerste deel van deze tekst is in een andere taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="nl" toe te voegen, of laat dit deel van de tekst weg.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 50: Op pagina longreads.cbs.nl/dearbeidsmarktincijfers-2022/zoeken/?zoom_query=bronnen komen parse problemen voor. Zo zijn een aantal id attribuut waardes niet uniek binnen de webpagina. Er wordt een id gebruikt met waarde ‘search-input’ die meer dan een keer voorkomt. In de svg’s komt het id=’pdf-icon’ vier keer voor. Het laatste issue komt op meerdere pagina’s voor. Zie bijvoorbeeld longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 51: De wisselknop 'Show averages' bij grafiek 3.4.3 op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ verandert niet van naam/status wanneer bezoekers er op klikken. Zorg ervoor dat de visuele verandering ook doorgegeven wordt aan screenreadergebruikers.
Op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/how-does-cbs-handle-your-privacy/ is een video via een iframe geplaatst. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit iframe met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "Video hoe gaat het CBS om met je privacy?". Hetzelfde komt vaker in de website voor, bijvoorbeeld bij de video op pagina longreads.cbs.nl/nederland-in-cijfers-2022/.

Bevinding 52: Op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ staat in figuur 3.2.1 een knop 'Ordered by color/Ordered by indicator'. Dit element heeft het verkeerde attribuut 'aria-role'. Gebruik hier 'role'.

Bevinding 53: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op pagina longreads.cbs.nl/the-netherlands-in-numbers-2022/are-people-happy-with-the-house-they-live-in/ een deel van de tekst in de tabellen 'Housing satisfaction by age of household head, 2021' en 'Average housing ratio, by age of household head, 2021' buiten beeld. Er is geen scrollbalken om de tekst te kunnen bekijken. Tabellen vormen een uitzondering maar er moet wel een scrollbalk aanwezig zijn. ->> bij grafieken verschijnt een hamburger knop zonder naam.

Bevinding 54: Op elke pagina staat een knop met een vergrootglas. Deze knop opent een overlay met een zoekbalk. De zoekbalk bestaat uit twee interactieve elementen: het invoerveld en een knop om de zoekopdracht te versturen. Beide elementen hebben als toegankelijkheidsnaam ‘search’. Zorg voor unieke namen.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 55: Wanneer bezoekers in de interactieve grafiek op pagina longreads.cbs.nl/monitor-of-well-being-and-sdgs-2021/distribution-of-well-being/ een keuze maken, bijvoorbeeld 'Age', verschijnt er zonder dat de pagina ververst nieuwe informatie boven de knop. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er nieuwe grafieken staan op het scherm.

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-23 10:34:34 v2.4-011