Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website De Nederlandsche Bank

(Alleen de bevindingen)

Scope van de evaluatie

Naam website De Nederlandsche Bank
Datum 26 mei 2025
Scope van de website Buiten de scope van het onderzoek valt:
  • 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: 42

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://www.dnb.nl/statistieken/dashboards/ staan blokjes met links met decoratieve afbeeldingen. Sommige afbeeldingen zijn niet verborgen voor de schermlezer omdat ze alt-tekst bevatten die de tekst van de koptekst van het blok dupliceert. Zie bijvoorbeeld de afbeelding met alternatieve tekst: "Duurzaamheid financiële sector." in het blok met de kop "Duurzaamheid financiële sector". Een alternatieve tekst voor een informatieve afbeelding moet beschrijven welke relevante informatie er op een afbeelding is te zien. In dit geval is er een grafiek, een stapel Euro munten en een boomblaadje te zien. Het valt te overwegen om dit als een decoratieve afbeelding te beschouwen en de alt leeg te laten. Hulpsoftware zal dan de afbeelding negeren.

Bevinding 2: Op pagina https://www.dnb.nl/voor-de-sector/open-boek-toezicht/ staan decoratieve afbeeldingen met tekstalternatieven onder het kopje “TRANSITIENIEUWS - Verbeterde versie van invaarsjabloon voor pensioenfondsen beschikbaar” met de toegankelijke tekst "Pensioentransitie". Deze tekst beschrijft de afbeelding niet. Overweeg om de afbeelding te verbergen voor hulpsoftware (zie advies), of geef een toegankelijke tekst die de afbeelding beschrijft.
Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://www.dnb.nl/algemeen-nieuws/?p=1&l=10 bij het bericht "De Nieuwe Schatkamer: de nieuwe podcast van DNB" heeft de afbeeldingen de toegankelijke tekst "Beeld Podcast".

Bevinding 3: Op pagina https://www.dnb.nl/statistieken/dashboards/spaargeld-huishoudens/ staan grafieken. Deze grafieken bestaan uit SVG-afbeeldingen. Dergelijke complexe afbeeldingen zijn moeilijk doormiddel van een tekstalternatief te beschrijven, een tekstalternatief heeft geen opmaakmogelijkheden. In dit geval zou een toegankelijk alternatief nodig zijn met de data in tabelvorm. Dat alternatief is ook beschikbaar, onder de “i” knop staat een link, bijvoorbeeld naar de “Bron: Tabel 5.2.6”. De “i” knop is echter niet te bedienen met behulp van het toetsenbord, deze informatie is dus niet toegankelijk. Zorg voor een toegankelijke verwijzing naar een toegankelijk alternatief met de informatie uit de figuur.

Bevinding 4: PDF: Het PDF-document https://www.dnb.nl/media/whylcxvh/agenda-steven-maijoor-oktober-2024.pdf bevat het logo van de Nederlandse Bank dat is gecodeerd als artefact. Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor de schermlezer. De informatie in deze afbeeldingen is ontoegankelijk voor blinde bezoekers en gebruikers van screenreaders. Informatieve afbeeldingen moeten via een figuur-tag worden geplaatst en worden voorzien van een beschrijving (alt-tekst).

Bevinding 5: PDF: In het PDF-document https://www.dnb.nl/media/whylcxvh/agenda-steven-maijoor-oktober-2024.pdf staat een foto van een spreker zonder tekstalternatief. Wanneer afbeeldingen aan een PDF-document worden toegevoegd met "figuur"-tags, moeten ze altijd een beschrijving (alt-tekst) hebben. Deze tag is voorbehouden aan informatieve afbeeldingen. Zonder alternatieve tekst kan de schermlezer de bezoeker niet duidelijk maken wat er in de afbeelding staat. Momenteel wordt alleen "afbeelding" voorgelezen. Blinde bezoekers kunnen de indruk krijgen dat ze inhoud missen.

Bevinding 6: Advies: op de homepagina https://www.dnb.nl/ onder het navigatiemenu staan blokjes met links. Elk blok bevat een afbeelding. Deze afbeeldingen hebben tekstalternatieven en zijn daarom niet verborgen voor schermlezers. Het is de vraag of de afbeeldingen extra informatie bevatten of dat ze als decoratief beschouwd kunnen worden. Bijvoorbeeld de alternatieve tekst bij de tweede afbeelding, "Chris Figree" voegt niets toe aan de titel van de link. Maak per afbeelding de overweging of het een informatieve of decoratieve afbeelding is. Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit kan op verschillende manieren. Gebruik voor afbeeldingen in een img-element een leeg alt-attribuut (alt=""). Zie hetzelfde probleem onder het kopje "Uitgelicht". Aangezien de toegankelijke teksten van deze afbeelding wel beschrijven wat er op de afbeelding te zien is kan het niet afgekeurd worden en is dit een advies. Echter moet opgemerkt worden dat in het algemeen gebruikers van hulpsoftware het liefst zo min mogelijk niet relevante informatie ontvangen, maar dit is een afweging die de makers van de website zelf moeten maken.

1.2 Op tijd gebaseerde media

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 7: Op pagina https://www.dnb.nl/betrouwbare-financiele-sector/toezicht-op-financiele-instellingen/ staat een video. Tekst en logo's verschijnen op verschillende momenten in de video, bijvoorbeeld rond 0:01 en 1:32, maar er is geen media-alternatief of audiobeschrijving.
Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Je kunt het beste een audiobeschrijving toevoegen die de visuele elementen in de video beschrijft, zoals namen, functies, logo’s en teksten. Een andere oplossing is het toevoegen van een geschreven tekst (een media-alternatief). Maar om ook te voldoen aan succescriterium 1.2.5 moet je sowieso een audiobeschrijving toevoegen.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.dnb.nl/betrouwbare-financiele-sector/toezicht-op-financiele-instellingen/ staat een video. Tekst en logo's verschijnen op verschillende momenten in de video, bijvoorbeeld rond 0:01 en 1:32. Bij succescriterium 1.2.3 zijn video’s beschreven waar audiodescriptie of een media-alternatief ontbreekt. Dit wordt ook afgekeurd onder dit succescriterium. Voor dit succescriterium is audiodescriptie namelijk verplicht (niveau AA), waar ruimte is in het standaard audiospoor om deze informatie te geven. Er is in deze video voldoende ruimte hiervoor aanwezig, en dus moet de audiodescriptie toegevoegd worden. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://www.dnb.nl/statistieken/dashboards/spaargeld-huishoudens/ staan grafieken. Elke grafiek bevat een kop die niet als zodanig is gemarkeerd. Bijvoorbeeld de tekst "Spaargeld van Nederlandse huishoudens". Er staat ook de tekst "Meer informatie" in het gedeelte onder de grafieken. Deze tekst is ook niet gemarkeerd als een kop.

Bevinding 10: Op pagina https://www.dnb.nl/wet-open-overheid-woo/indienen-woo-verzoek/woo-formulier/ staat een formulier. Binnen het formulier zijn de volgende teksten niet gemarkeerd als koppen: "Verzoek uploaden", "Bent u op zoek naar documenten afkomstig uit een specifieke periode?", Denkt u dat uw Woo-verzoek betrekking heeft op informatie die bij een andere overheidsinstelling dan DNB aanwezig is?".

Bevinding 11: Op pagina https://www.dnb.nl/statistieken/dashboards/spaargeld-huishoudens/ staan grafieken. Deze grafieken bevatten een interactief element met een pictogram van drie horizontale lijnen. Deze knop opent een menu. Het menu staat echter ver van de knop in de HTML-code. Deze knop en het bijbehorende menu zijn niet programmatisch met elkaar verbonden. Het ontbreken van een programmatische koppeling betekent dat er geen duidelijke indicatie is dat het menu bij de knop hoort. Wanneer de knop wordt geactiveerd, worden gebruikers van schermlezers mogelijk niet geïnformeerd over de aanwezigheid van het menu of de bijgewerkte status (geopend/gesloten), wat tot verwarring leidt.
Om dit te verbeteren, moet het triggering element programmatisch worden gekoppeld aan het menu met behulp van aria-controls, en de zichtbaarheid van het menu moet worden overgebracht via aria-expanded.

Bevinding 12: PDF: Het PDF-document https://www.dnb.nl/media/43cnkobx/visie_op_toezicht_2021_2024.pdf heeft geen codes en daardoor is voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 13:
PDF: In het PDF-document https://www.dnb.nl/media/whylcxvh/agenda-steven-maijoor-oktober-2024.pdf zijn de kop "Agenda Steven Maijoor", de tekst eronder en de afbeelding van een persoon geplaatst in een opmaaktabel. Wanneer een tabel wordt gebruikt voor opmaak, mogen er geen th-tags aanwezig zijn. In dit geval zijn de th-tags echter wel gebruikt. De th-tags mogen niet aanwezig zijn in een lay-outtabel. Dit kan verwarrend zijn voor blinde bezoekers omdat ze de relatie tussen de cellen niet correct interpreteren. Pas de tabel aan en zorg ervoor dat de teksten "Agenda Steven Maijoor" en "Oktober 2024" worden gemarkeerd als koppen. Onder aan de pagina staat een lege h2-tag. Verwijder deze tag.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 14: In de header van de website, bijvoorbeeld op de homepagina https://www.dnb.nl/ , staat een vergrootglaspictogram waarmee het zoekveld wordt geopend. In dit zoekveld staat een placeholder-tekst: "Uw zoekopdracht". Deze tekst is donkergrijs (HEX #757575). De achtergrond is lichtgrijs (HEX #DCDEE5). Het kleurcontrast is 3,4:1.
Als een zoekveld een zoekicoon heeft met een laag contrast (minder dan 3,0:1 ten opzichte van de achtergrond), en er is ook geen tekstueel label met voldoende contrast, dan moet de placeholdertekst voldoende contrast hebben. Dat moet dan minimaal 4,5:1 zijn. Dit geldt ook als er in de placeholdertekst een belangrijke instructie staat die niet op een andere manier aanwezig is.

Bevinding 15: Op alle pagina's van de website wordt de rode kleur (HEX #D44240) gebruikt. In combinatie met de lichtgrijze kleur is het kleurcontrast te laag. Dit moet minstens 4,5:1 zijn.

Bevinding 16: In de header van de website, bijvoorbeeld op de homepagina https://www.dnb.nl/ , staat een vergrootglaspictogram waarmee een zoekveld wordt geopend. Wanneer een bezoeker gegevens invoert in dit zoekveld, verschijnt de suggestielijst. Als de bezoeker met de pijltjestoets naar de opties gaat, staat de rode (HEX #D44240) tekst van de optie op de grijze (HEX #E7EAF3) achtergrond. Het kleurcontrast is 3,8:1. Zie hetzelfde probleem in het zoekveld onder de kop "Goedemiddag! Waarmee kunnen we u op weg helpen?".
Dezelfde combinatie met een laag kleurcontrast komt voor op de pagina https://www.dnb.nl/algemeen-nieuws/achtergrond-2024/het-effect-van-een-groeiende-stapel-overheidsschuld-op-de-financiele-stabiliteit/ onder het kopje "Weerbaarheid". Zie de link tekst "hier".

Bevinding 17: Op de homepagina staan links onder het kopje "Actuele vraagstukken". Wanneer deze links toetsenbordfocus krijgen of er met de muis overheen worden bewogen, wordt de tekst van de links rood (HEX #D44240) en de achtergrond is lichtgrijs (HEX #FAFAFC). Het contrast is 4,3:1. Ik zie hetzelfde probleem komt voor in links op andere pagina's.

Bevinding 18: Op pagina https://www.dnb.nl/voor-de-sector/open-boek-toezicht/ onder de kop "Wet- en regelgeving" staat een link met rode tekst "www.wetten.overheid.nl" op de lichtgrijze (HEX #FAFAFC) achtergrond. Deze rode links komen ook op andere pagina's voor.

Bevinding 19: Op pagina’s https://www.dnb.nl/algemeen-nieuws/?p=1&l=10 en https://www.dnb.nl/algemeen-nieuws/achtergrond-2024/het-effect-van-een-groeiende-stapel-overheidsschuld-op-de-financiele-stabiliteit/ bevindt zich een zijmenu met links naar sociale media. In dit menu staat ook een knop met drie punten, waarmee een dialoogvenster wordt geopend. Dit dialoogvenster bevat lichtgrijze tekst (HEX #999999) op een witte achtergrond (HEX #FFFFFF), met een kleurcontrast van 2,8:1. Dit is onvoldoende, aangezien het contrast minimaal 4,5:1 moet zijn.

Bevinding 20: Op pagina https://www.dnb.nl/betrouwbare-financiele-sector/toezicht-op-financiele-instellingen/ staat een video. De kleur van de ondertitels is wit. Er is een onderlaag onder de ondertitels, maar die geeft onvoldoende contrast. Op sommige lichte plekken in de video wordt het contrast te laag. Bijvoorbeeld rond 0:32 is het contrast 2,6:1. Voeg een onderlaag met voldoende kleur toe om ervoor te zorgen dat het contrast van de tekst altijd ten minste 4,5:1 blijft.

Bevinding 21: Op pagina's https://www.dnb.nl/wet-open-overheid-woo/indienen-woo-verzoek/woo-formulier/ en https://www.dnb.nl/algemeen-nieuws/achtergrond-2024/het-effect-van-een-groeiende-stapel-overheidsschuld-op-de-financiele-stabiliteit/ staat in de header de tekst "English". De lichtgrijze (HEX #C3C6CA) tekst op de witte (HEX #FFFFFF) achtergrond heeft een kleurcontrastverhouding van 1,7:1. Dit moet minstens 4,5 zijn.

Bevinding 22: Op pagina https://www.dnb.nl/statistieken/dashboards/spaargeld-huishoudens/ staan grafieken. Deze grafieken bevatten grijze (HEX#999999) tekst op een lichtgrijze (HEX#F0F4F8) achtergrond. Het contrast is 2,6:1. Zie bijvoorbeeld de tekst "© De Nederlandsche Bank". Deze moet minimaal 4,5:1 zijn.

Bevinding 23: PDF: In het PDF-document https://www.dnb.nl/media/43cnkobx/visie_op_toezicht_2021_2024.pdf is witte tekst geplaatst op achtergronden met verschillende kleuren. Op pagina’s 2, 3 en 4 zijn de achtergrondkleuren bijvoorbeeld geel (HEX #FBBC00), blauw (HEX #7A9BAF) en donkergroen (HEX #958C00). Het kleurcontrast is te laag. Het contrast met geel is 1,7:1, met blauw 2,9:1 en met donkergroen 3,5:1. Dit moet minimaal 4,5:1 zijn. Op pagina 5 heeft de witte (HEX #FFFFFF) tekst "Structurele uitdagingen" tegen een lichtbruine (HEX #C4A799) achtergrond een contrast van 2,3:1. Dit voldoet niet aan de vereiste minimale contrastverhouding van 3,0:1. Controleer ook de kleurcontrasten op andere pagina’s.

Bevinding 24: PDF: Op pagina 14 van het PDF-document https://www.dnb.nl/media/43cnkobx/visie_op_toezicht_2021_2024.pdf heeft de groene (HEX #958C00) tekst "Duurzaamheid en toekomstgerichtheid" op de lichtbruine (HEX #E9E3D2) achtergrond een contrast van 2,7:1. De blauwe tekst "Technologie" (HEX #7897AB) op dezelfde lichtbruine achtergrond heeft een contrast van 2,4:1. De rode (HEX #B74101) tekst "Financieel-economische criminaliteit" op de lichtbruine achtergrond heeft een contrast van 4,3:1. Dit voldoet niet aan de minimale eis van 4,5:1. Zie ook andere pagina's met verschillende kleurcombinaties die een te laag kleurcontrast hebben.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 25: Wanneer de website, bijvoorbeeld de homepage https://www.dnb.nl/, wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 200%, verschijnt in de header een knop met drie horizontale lijnen waarmee een navigatiemenu wordt geopend. In dit menu zijn de interactieve elementen onder de knop "Statistieken" niet zichtbaar. Dit betreft de link "Werken bij DNB", de knop "Over ons" en de link "Switch to English". Bij een zoomniveau van 200% op een schermresolutie van 1280 bij 1024 pixels moet alles correct blijven functioneren. Hetzelfde probleem doet zich voor wanneer een bezoeker op de knop met het vergrootglas in de header klikt. Het zoekveld wordt weergegeven, maar zodra de bezoeker een zoekterm invoert, bijvoorbeeld "werk", verschijnt de suggestielijst zonder dat alle opties zichtbaar zijn.
Daarnaast wordt op de pagina https://www.dnb.nl/voor-de-sector/open-boek-toezicht/sectoren/aanbieders-cryptodiensten/toetsingen-aanbieders-cryptodiensten/ bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 200% het pijlpictogram in de broodkruimelnavigatie over de linktekst "Aanbi..." geplaatst, waardoor de tekst gedeeltelijk wordt verborgen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 26: Wanneer de pagina's https://www.dnb.nl/algemeen-nieuws/?p=1&l=10 en https://www.dnb.nl/algemeen-nieuws/achtergrond-2024/het-effect-van-een-groeiende-stapel-overheidsschuld-op-de-financiele-stabiliteit/ worden bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%, overlapt het zijmenu met links naar sociale media de inhoud van de pagina. Hierdoor zijn bepaalde elementen niet volledig zichtbaar. Zo worden de knop voor het hamburger-menu en de knop "Reset", die verschijnt wanneer de knop "Filters" wordt aangeklikt, gedeeltelijk of volledig verborgen. Dit belemmert de toegankelijkheid en interactie met de pagina.
Bij een zoomniveau van 400% op een schermresolutie van 1280 bij 1024 pixels moet de website correct blijven functioneren zonder dat essentiële onderdelen worden overlapt of verborgen.

Bevinding 27: Wanneer de tabel op de pagina https://www.dnb.nl/statistieken/publicatiekalender/ wordt bekeken op een ingezoomd of klein scherm, vallen enkele tabelcellen buiten beeld. In sommige browsers, zoals Chrome en Edge, kunnen deze cellen niet meer met het toetsenbord worden bereikt. Dit probleem kan bijvoorbeeld worden opgelost door tabindex="-1" aan de tabel toe te voegen, zodat deze focus kan krijgen. Een soortgelijk probleem doet zich voor bij de tabel onder het kopje "Vergunningen" op de pagina https://www.dnb.nl/openbaar-register/registerdetailpagina/?registerCode=WFTGO&relationNumber=B0163.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 28: Op pagina https://www.dnb.nl/statistieken/dashboards/spaargeld-huishoudens/ staan grafieken waarin de kleur van informatieve lijnen niet voldoende contrasteert tegen de achtergrond. Zie bijvoorbeeld de grafiek "Spaargeld van Nederlandse huishoudens". Deze grafiek gebruikt blauwe (HEX #2FB5E4) en grijze (HEX #8399AD) kleuren. Het contrast is 1,2:1. Het contrast tussen interactieve elementen van een grafiek moet minimaal 3,0:1 zijn, zodat bezoekers ze van elkaar kunnen onderscheiden.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 29: Op pagina https://www.dnb.nl/statistieken/dashboards/spaargeld-huishoudens/ staan grafieken met interactieve elementen. De bezoeker kan op deze elementen klikken om ermee te interageren. Dit geldt voor de elementen met het "I"-pictogram, het pictogram met drie horizontale lijnen, de select-elementen en de datum invoervelden. Ook de grafiekelementen met lijnen zijn interactief. Deze functionaliteit is echter niet beschikbaar voor gebruikers die alleen met het toetsenbord navigeren. Alle interactieve elementen moeten volledig bedienbaar zijn met het toetsenbord.

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://www.dnb.nl/statistieken/publicatiekalender/ wordt op kleine schermen een animatie weergegeven die niet kan worden gepauzeerd of gestopt. Deze animatie staat naast de tekst "Swipe onderstaande tabel om meer kolommen te zien". Het kan storend zijn voor mensen met een cognitieve beperking als een video, GIF of animatie op een website automatisch gaat spelen. De bewegende inhoud zorgt voortdurend voor afleiding terwijl ze de tekst op de pagina proberen te lezen. Daarom moet er een manier zijn waarmee bezoekers dit soort multimedia kunnen stoppen, pauzeren of verbergen. Dit geldt voor alle bewegende, knipperende, scrollende of automatisch actualiserende content die tegelijk met andere informatie wordt getoond, automatisch start en langer dan 5 seconden speelt.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 31: PDF: Het PDF-document https://www.dnb.nl/media/whylcxvh/agenda-steven-maijoor-oktober-2024.pdf heeft de documenttitel "QRC" ingesteld in de bestandseigenschappen. Deze titel beschrijft de inhoud van het document onvoldoende.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 32: Op de homepagina https://www.dnb.nl/ staat een kopje dat niet duidelijk de inhoud die volgt beschrijft. Het gaat om "Direct naar". Teksten zoals “Snel naar”, “Direct naar”, en “Ga naar” zijn te algemeen: links leiden in principe altijd naar een andere pagina. Door deze kop weet een bezoeker dus eigenlijk nog steeds niks. Dat is vooral voor bezoekers die schermlezers gebruiken een probleem. Zij laten de koppen voorlezen om snel de structuur van een pagina te begrijpen, en de inhoud te vinden die voor hen relevant is. Gebruik daarom een meer specifieke kop, die duidelijk maakt wat voor soort inhoud of functionaliteit erna komt. Bijvoorbeeld door context te geven aan de links die volgen. Denk aan een kop als “Populaire pagina’s” of “Belangrijke onderwerpen”.
Hetzelfde probleem wordt waargenomen op pagina https://www.dnb.nl/betrouwbare-financiele-sector/toezicht-op-financiele-instellingen/. Zie de kop “Lees verder”.

Bevinding 33: Advies: Het volgende wordt niet afgekeurd omdat de website ook zonder deze tool gebruikt kan worden. Op de pagina's van de website, bijvoorbeeld homepage https://www.dnb.nl/, staat een link "Lees voor" die de ReadSpeaker tool activeert. Wanneer de optie "Vergroot tekst" in het menu ReadSpeaker is geselecteerd en op de knop "Lees voor" wordt geklikt, verschijnt een werkbalk "Vergroot tekst". De werkbalk bevat een stopknop die zowel de werkbalk als de popupspeler sluit. Op dit moment is de toegankelijke naam van deze knop "Stop", wat de functionaliteit niet voldoende overbrengt.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 34: Op pagina https://www.dnb.nl/algemeen-nieuws/?p=1&l=10 staan twee select-elementen, "Datum aflopend" en "10". Elk select-element heeft geen zichtbaar label, en de eerste optie fungeert als label. Bij het tweede select-element is de toegankelijke naam “Sorteer resultaten”, terwijl de zichtbare tekst “10” is. Hierdoor kunnen bezoekers die gebruikmaken van spraaksoftware het element niet bedienen. Zij geven een commando door de zichtbare tekst uit te spreken. Het label moet daarom permanent zichtbaar zijn en terugkomen in de toegankelijke naam van het element. Als de zichtbare tekst niet voorkomt in de toegankelijke naam die in de code staat, werkt het commando niet. De toegankelijke naam moet de zichtbare tekst bevatten en deze het liefst vooraan plaatsen. De toegankelijke naam mag ook exact overeenkomen met de zichtbare tekst.

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 35: In de header van de website, bijvoorbeeld op de homepage https://www.dnb.nl/, bevindt zich een link waarmee bezoekers de taal van de website kunnen wijzigen tussen Engels en Nederlands. Het zichtbare label van deze link is in het Engels. Daarnaast wordt het aria-label-attribuut gebruikt om een toegankelijke naam toe te voegen met de tekst "Switch to English." Wanneer de taal van de pagina is ingesteld op Nederlands, wordt deze Engelse tekst echter door schermlezers uitgesproken volgens de Nederlandse uitspraakregels. Dit kan verwarrend zijn voor gebruikers die afhankelijk zijn van ondersteunende technologieën, omdat de tekst mogelijk niet goed wordt begrepen. Om dit probleem op te lossen, moet het lang-attribuut correct worden toegepast op het aria-label-attribuut, zodat schermlezers de tekst met de juiste uitspraakregels verwerken. Er is momenteel een href lang-attribuut aanwezig, maar dit is niet hetzelfde als lang-attribuut.

Bevinding 36: Op dezelfde manier, wanneer de taal van de pagina is ingesteld op Engels, is het zichtbare label van de link in het Nederlands en bevat het aria-label Nederlandse tekst: "Wissel naar Nederlands," die schermlezers uitspreken met behulp van Engelse uitspraakregels, wat hetzelfde probleem veroorzaakt.
Om dit probleem op te lossen, specificeer je de juiste taal voor de zichtbare tekst en de tekst binnen het aria-label door het lang="en" of lang="nl" attribuut toe te passen op het omringende HTML-element. Dit zorgt ervoor dat schermlezers de juiste uitspraakregels toepassen voor de toegankelijke naam.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 37: Op pagina https://www.dnb.nl/wet-open-overheid-woo/indienen-woo-verzoek/woo-formulier/ staat een formulier. Als het formulier wordt verzonden met lege velden of met onjuiste gegevens, verschijnen foutmeldingen met de tekst, bijvoorbeeld: "U bent verplicht dit veld in te vullen", "Vul hier de juiste gegevens in". Dit is een instructie, geen foutmelding.
Een goede foutmelding maakt duidelijk dat er een fout is gemaakt, en geeft aan waar de fout zit. Vaak staat er een ontkenning in. Een voorbeeld van een goede foutmelding is: "Het veld is niet (goed) ingevuld."

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 38: Op pagina https://www.dnb.nl/algemeen-nieuws/?p=1&l=10 staat boven de zoekresultaten een select-element zonder label. Hierdoor weten bezoekers niet wat hier moet worden gekozen. De cijfers in de opties, zoals “10”, zijn niet voldoende informatief. Dit element moet een altijd zichtbaar label krijgen, zodat het duidelijk is wat de gebruiker selecteert.

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 39: In de header van de website, bijvoorbeeld op de homepagina https://www.dnb.nl/, staat een vergrootglaspictogram waarmee een zoekveld wordt geopend. Het invoerveld is geïmplementeerd als een listbox-element. De Listitem elemnten met de role="Option" zijn geen directe children van de div met role="listbox" maar van het unordered-list element, dat is niet correct. Ook hebben de lijstitem elementen een aria-focused attribuut. Aria-focused bestaat niet. Sommige hulpsoftware kan hierdoor de functionaliteit van de listbaox niet goed weergeven. Zie https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/listbox_role en https://www.w3.org/WAI/ARIA/apg/patterns/listbox/.
Hetzelfde probleem doet zich voor in het zoekveld onder de kop "Goedemiddag! Waarmee kunnen we u op weg helpen?" op de homepagina https://www.dnb.nl/.

Bevinding 40: Op pagina’s https://www.dnb.nl/algemeen-nieuws/?p=1&l=10 en https://www.dnb.nl/algemeen-nieuws/achtergrond-2024/het-effect-van-een-groeiende-stapel-overheidsschuld-op-de-financiele-stabiliteit/ bevinden zich in een zijmenu links naar sociale media. In dit menu staat ook een knop met drie puntjes die een dialoogvenster opent. Dit dialoogvenster heeft geen toegankelijke naam, waardoor schermlezers niet correct kunnen aankondigen wat de functie van dit venster is.

Bevinding 41: Op pagina https://www.dnb.nl/statistieken/dashboards/spaargeld-huishoudens/ staan grafieken. Deze grafieken bevatten interactieve elementen. Dit zijn de elementen met het "i"-pictogram en met het pictogram met drie horizontale lijnen waarmee het contextmenu wordt geopend. Deze interactieve elementen hebben geen toegankelijke namen.
Het pictogram met de drie horizontale lijnen opent het menu. Dit menu bevat interactieve elementen die ook geen juiste rollen en toegankelijke namen hebben.

Bevinding 42: Op pagina https://www.dnb.nl/statistieken/dashboards/spaargeld-huishoudens/ staat een grafiek "Bijgeschreven rente op spaargeld". Deze grafiek bevat twee invoerelementen van het type datum en één select-element. Deze elementen hebben geen toegankelijke namen.

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-09-03 21:43:03 v2.4-011