Hercontrole digitale toegankelijkheid van website nhbereikbaar.nl

Samenvatting

Wij hebben de hercontrole van de website https://www.nhbereikbaar.nl uitgevoerd tussen 4 en 6 mei 2026. We hebben alle eerder geconstateerde bevindingen opnieuw getoetst. De bevindingen in dit rapport hebben dezelfde nummers als in de oorspronkelijke audit, zodat je ze gemakkelijk kunt terugvinden. Eén van de eerder onderzochte PDF-documenten was tijdens de hercontrole niet meer beschikbaar; in plaats daarvan hebben we een actuele PDF op dezelfde pagina getoetst. In dit rapport lees je welke bevindingen zijn opgelost en welke nog openstaan.

- Voldoet
- Afgekeurd
55 Totaal
- voldoet
Impact
Klein: 0 Medium: 0 Groot: 0
Type
Content: 0 Techniek: 0
Score per richtlijn (goed)
Waarneembaar - van 20
Bedienbaar - van 20
Begrijpelijk - van 13
Robuust - van 2
Deze SC zijn afgekeurd:
Over dit onderzoek
Onderzocht door
Proper Access
Opdrachtgever
provincie Noord-Holland
Datum rapport
6 mei 2026
Standaard
WCAG 2.2
Methodologie
WCAG-EM

Scope van het onderzoek

  • Alle pagina's op de website nhbereikbaar.nl
  • Alle PDF's op de website nhbereikbaar.nl

Buiten scope:

  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website
  • De van derden afkomstige inhoud (wettelijke uitzondering voor de overheid)
  • Kaarten en kaartapplicaties.

Basisniveau toegankelijkheidsondersteuning

  • Mozilla Firefox, versie 148
  • Google Chrome, versie 148
  • Apple Safari, versie 18
  • PAC software om PDF's te testen
  • NVDA schermlezer in combinatie met Firefox
  • VoiceOver schermlezer in combinatie met Safari
  • Andere gangbare browsers en hulpapparatuur

Technologieën van de website

  • HTML
  • CSS
  • JavaScript
  • WAI-ARIA
  • SVG
  • PDF

Voortgang opgeloste bevindingen

Samenwerken met je team

Exporteer alle bevindingen als CSV-bestand. Je kunt het in een (online) spreadsheet inladen om met je team samen te werken.

Importeer in Jira

Exporteer alle bevindingen als Jira-compatibel CSV-bestand. Je kunt het direct importeren via Jira > Issues > Import issues from CSV.

Zelf bijhouden in de browser

Houd per bevinding bij of het is opgelost. Je voortgang wordt opgeslagen in jouw browser. Niemand anders kan je resultaat zien.

Gevonden problemen

Filter bevindingen op:
Impact:
Type:

#3 - Elementen die toetsenbordfocus krijgen staan onder sticky header

Impact: Groot Type: Techniek WCAG: 2.4.11 EN: 9.2.4.11

Op alle pagina's bedekt een sticky header bij het verkleinen van de website naar een lagere resolutie een deel van de pagina. Hoewel interactieve elementen, zoals de link "het contactformulier", nog steeds toetsenbordfocus ontvangen, wordt de focusindicator verborgen achter de sticky header. Hierdoor kunnen bezoekers die met het toetsenbord navigeren niet zien waar de toetsenbordfocus zich bevindt.

Oplossing:

Zorg ervoor dat de sticky header of footer geen interactieve elementen of hun focusindicatoren bedekt. Je moet hiervoor bijvoorbeeld de z-index aanpassen, elementen herpositioneren of de header/footer dynamisch verkleinen op kleinere schermen.

Link naar pagina: https://www.nhbereikbaar.nl/

#Nieuw-1 - Focusindicator is niet zichtbaar

Impact: Groot Type: Techniek WCAG: 2.4.7 EN: 9.2.4.7

Nieuwe bevinding als gevolg van het oplossen van een bevinding uit de vorige audit: Op deze pagina is de standaard focus-stijl van het toetsenbord verwijderd voor interactieve elementen onder de kop "Overzicht initiatieven, programma's en projecten" (zoals de link "Meer informatie over Regieteam Verkeersmanagement Noord-Holland") en is er geen alternatieve focusindicator toegevoegd. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina zij zich bevinden.

Oplossing:

Zorg ervoor dat de toetsenbordfocus zichtbaar is op alle interactieve elementen. Op deze pagina staat een instructie om focuszichtbaarheid te testen: https://www.properaccess.nl/blog/hoe-test-ik-focus-zichtbaarheid/.

Link naar pagina: https://www.nhbereikbaar.nl/melvin

#10 - Kleurcontrast van tekst is te laag (tekst kleiner dan 24px en niet vetgedrukt)

Impact: Medium Type: Techniek WCAG: 1.4.3 EN: 9.1.4.3

Op deze pagina staan de cijfers naast de tekst "Gebied" en "Periode: 20-10-25". Daar staat een rood cijfer "1" (#CC4100) op een lichtrode achtergrond (#FDEEE6), met een te lage kleurcontrastverhouding van 4,3:1.

Oplossing:

Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Op deze pagina staat een instructie die uitlegt hoe je kleurcontrast kan testen: https://properaccess.nl/hoe-test-ik-kleurcontrast/.

#11 - Knop heeft geen toegankelijke naam

Impact: Groot Type: Techniek WCAG: 4.1.2 EN: 9.4.1.2

Op deze pagina heeft de knop met het tandwielpictogram geen toegankelijke naam. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de functie of bestemming van de knop is.

Oplossing:

Geef deze knoppen een toegankelijke naam, bijvoorbeeld door beschrijvende knoptekst te gebruiken, een aria-label toe te voegen of een andere geschikte techniek toe te passen.

#16 - Bezoekers die inzoomen tot 200% kunnen niet meer alle functies gebruiken

Impact: Groot Type: Techniek WCAG: 1.4.4 EN: 9.1.4.4

Wanneer de tekst op deze pagina tot 200% wordt ingezoomd, zijn het invoerveld "Zoek meldingen", de knop "Gebied", de knop "Periode: 21-10-25" en andere elementen niet zichtbaar en niet bedienbaar.

Oplossing:

Zorg dat alles nog werkt als een bezoeker inzoomt tot 200% op een scherm van 1280 bij 1024 pixels.

#17 - De rand van het zoekveld heeft een te laag contrast

Impact: Groot Type: Techniek WCAG: 1.4.11 EN: 9.1.4.11

De zoekbalk in het hoofdmenu heeft onvoldoende kleurcontrast tussen de rand en de achtergrond. De grijze rand (#CFD2D3) op de witte achtergrond heeft een kleurcontrastverhouding van 1,5:1. Dit is te laag, het moet minimaal 3,0:1 zijn.

Oplossing:

Zorg dat het contrast tussen de rand van de zoekbalk en de achtergrond minimaal 3,0:1 is.

#18 - Knop heeft niet de juiste toegankelijke rol

Impact: Groot Type: Techniek WCAG: 4.1.2 EN: 9.4.1.2

Op deze pagina heeft de knop met het label "Gebied" niet de juiste toegankelijke rol. Elk HTML-element heeft standaard een rol. Dit betekent dat het element bepaalde eigenschappen en functies heeft om informatie aan de bezoeker te geven of om informatie van de bezoeker te ontvangen. De rol bepaalt dus wat het element doet. Schermlezers en andere hulpmiddelen moeten de correcte rol van elk element op een webpagina kennen. Zo kunnen ze op een slimme manier met het element omgaan en aan de bezoeker uitleggen wat het element doet.

Oplossing:

Zorg dat de knop de juiste toegankelijke rol heeft. Gebruik het button-element.

Link naar pagina: https://www.nhbereikbaar.nl/home/regionaal-regieteam-verkeersmanagement

#24 - Contrast van tekst in afbeelding is te laag

Impact: Medium Type: Content WCAG: 1.4.3 EN: 9.1.4.3

Op deze pagina staat, onder "Zo zijn we georganiseerd", een afbeelding met ingebedde tekst. De witte tekst op de groene achtergrond (#76A32E) heeft een kleurcontrastverhouding van 2,9:1.

Oplossing:

Deze tekst is groter dan 19px maar kleiner dan 24px en vetgedrukt, daarom moet het contrast minimaal 3,0:1 zijn. Op deze pagina staat een instructie die uitlegt hoe je kleurcontrast kunt testen: https://properaccess.nl/hoe-test-ik-kleurcontrast/.

Link naar pagina: https://www.nhbereikbaar.nl/melvin

Link naar PDF: M570045_-Marktplein-Koningsdag-2026-Wormerveer-Overig-Koningsdag-2026.pdf

#19 - De taal is niet ingesteld in de metadata

Impact: Medium Type: Content WCAG: 3.1.1 EN: 9.3.1.1

In de metagegevens van deze pdf is de taal niet ingesteld. Het is belangrijk om de taal in te stellen. Dan kan hulpsoftware de informatie uit het bestand met de juiste uitspraakregels voorlezen.

Oplossing:

Los het op in Adobe Acrobat: Open het pdf-document in Adobe Acrobat. Ga naar Bestand > Eigenschappen. Ga naar het tabblad Geavanceerd. Selecteer in het veld Taal de juiste taal voor het document, bijvoorbeeld Nederlands (Dutch). Klik op OK en sla het bestand op.

#20 - Structuur van pdf-document is niet in codes vastgelegd

Impact: Medium Type: Content WCAG: 1.3.1 EN: 9.1.3.1

Dit pdf-document bevat geen codes, waardoor de inhoud niet toegankelijk is voor schermlezers. Bovendien kunnen wij de pdf hierdoor niet volledig onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als je dit oplost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen.

Oplossing:

Voeg codes toe aan het document die de structuur van het document weergeven.

Link naar pagina: https://www.nhbereikbaar.nl/melvin

Link naar PDF: P416600_-Grotenhuysweg-Purmer-Noord-Purmerend-Asfalteringswerkzaamheden-Grotenhuysweg-asfalteringswerkzaamheden.pdf

#21 - De taal is niet ingesteld in de metadata

Impact: Medium Type: Content WCAG: 3.1.1 EN: 9.3.1.1

In de metadata van deze pdf is de taal niet ingesteld. Het is belangrijk om de taal in te stellen. Dan kan hulpsoftware de informatie uit het bestand met de juiste uitspraakregels voorlezen.

Oplossing:

Los het op in Adobe Acrobat: Open het pdf-document in Adobe Acrobat. Ga naar Bestand > Eigenschappen. Ga naar het tabblad Geavanceerd. Selecteer in het veld Taal de juiste taal voor het document, bijvoorbeeld Nederlands (Dutch). Klik op OK en sla het bestand op.

#22 - Structuur van pdf-document is niet in codes vastgelegd

Impact: Medium Type: Content WCAG: 1.3.1 EN: 9.1.3.1

Dit pdf-document bevat geen codes, waardoor de inhoud niet toegankelijk is voor schermlezers. Bovendien kunnen wij de pdf hierdoor niet volledig onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als je dit oplost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen.

Oplossing:

Voeg codes toe aan het document die de structuur van het document weergeven.

Over dit onderzoek

Leeswijzer

Onze rapporten zijn anders. Bij het bespreken van de gevonden problemen volgen wij niet de structuur van de norm, maar die van jouw website of app. Hierdoor kun je gewoon per pagina of scherm aan de slag gaan. Wel zo makkelijk! Je vindt verderop een overzicht van alle pagina’s met problemen.

We geven je bij elk gevonden issue een paar voorbeelden, maar niet een complete lijst. Controleer zelf of het probleem ook nog op andere plekken voorkomt. Zie het rapport als een leidraad.

Gebruikte norm

Dit onderzoek laat zien in hoeverre de website op dit moment voldoet aan WCAG 2.2, niveau A en AA. WCAG staat voor Web Content Accessibility Guidelines. Dit is de internationale norm voor digitale toegankelijkheid. De Europese norm EN 301 549 bevat alle eisen van WCAG op niveau A en AA.

In dit rapport hebben we korte beschrijvingen van de succescriteria uit de norm opgenomen, met een algemene uitleg erbij. Wil je ze helemaal lezen? Bekijk dan de documentatie van WCAG.

Gebruikte onderzoeksmethode

We gebruiken de onderzoeksmethode WCAG-EM van het W3C. Het proces ziet er als volgt uit:

  • vaststellen wat binnen en buiten scope valt
  • vaststellen welke technologieën zijn gebruikt
  • steekproef (sample) samenstellen
  • steekproef onderzoeken
  • gevonden issues beschrijven

Het grootste deel van het onderzoek doen we met de hand. Voor een deel van de toegankelijkheidseisen gebruiken we automatische tools als ondersteuning, zoals axe-core en Chrome Developer Tools.

Belangrijk om te weten

Dit rapport helpt je om de toegankelijkheid van je website te verbeteren. Maar let op: het is geen definitieve, volledige lijst van alle aanwezige toegankelijkheidsproblemen. Dat zit zo:

Het is een steekproef

Ten eerste is het onderzoek gebaseerd op een steekproef. Die is op een betrouwbare manier genomen, en de meeste problemen zullen daardoor zeker aan het licht komen. Toch kan een probleem net buiten de steekproef vallen. Bij een volgend onderzoek kan het wel ontdekt worden.

Op basis van falsificatie

We beoordelen vanuit het principe van falsificatie. Dat houdt in dat we proberen te bewijzen dat iets niet waar is, in plaats van te bevestigen dat het klopt. ‘Voldoet’ betekent daarom dat we geen reden hebben gevonden om een punt af te keuren. Maar als we later wél een reden vinden, kan het alsnog worden afgekeurd.

Voortschrijdend inzicht

Het komt voor dat de beoordeling van een succescriterium op detailniveau verandert. De norm beschrijft namelijk niet élk mogelijk scenario. Samen met andere onderzoeksbureaus overleggen we hoe we met bepaalde situaties omgaan. Zo kan iets dat nu wordt afgekeurd, soms bij een volgend onderzoek worden goedgekeurd en andersom.

Oplossen leidt tot nieuw probleem

Ten slotte kan het gebeuren dat bij het oplossen van een probleem onbedoeld een nieuw toegankelijkheidsprobleem ontstaat. Dat komt dan bij een volgend onderzoek pas naar voren.

Hoe werkt dit rapport?

Bevindingen bekijken en filteren

Alle gevonden toegankelijkheidsproblemen staan onder Gevonden problemen. Je kunt de bevindingen filteren op:

  • Impact (Groot, Medium, Klein, Advies) — hoe ernstig is het probleem voor de gebruiker?
  • Type (Content, Techniek) — moet de inhoud of de techniek worden aangepast?
  • Status (Open, Opgelost) — welke problemen zijn al verholpen?

Voortgang bijhouden

Je kunt je voortgang op twee manieren bijhouden:

  • CSV-export — exporteer alle bevindingen als CSV-bestand en laad het in een (online) spreadsheet om met je team samen te werken.
  • Jira-export — exporteer alle bevindingen als Jira-compatibel CSV-bestand. Importeer het via Jira > Issues > Import issues from CSV. Bevindingen worden aangemaakt als bugs met prioriteit op basis van impact.
  • Registreer in de browser — activeer deze optie om per bevinding bij te houden of het is opgelost. Je voortgang wordt opgeslagen in je browser. Niemand anders kan je resultaat zien. Let op: de voortgang is gekoppeld aan je browser. Als je een andere browser of een ander apparaat gebruikt, begint de telling opnieuw.
  • Plan van aanpak — download een geprioriteerd plan van aanpak om de gevonden problemen stap voor stap op te lossen. Dit is beschikbaar bij audits vanaf maart 2026.

Link naar een specifieke bevinding delen

Bij elke bevinding verschijnt een link-icoon wanneer je er met de muis overheen gaat. Klik op dit icoon om de directe link naar die bevinding te kopiëren. Je kunt deze link plakken in een e-mail of chatbericht, bijvoorbeeld om een vraag te stellen aan Proper Access over een specifiek punt.