Toegankelijkheidsrapport np-debiesbosch.nl
Onderzoek volgens WCAG-EM – april 2026
1. Organisatie en evaluatiecontext (WCAG-EM stap 1)
1.1 Organisatie en eigenaarschap
De website np-debiesbosch.nl valt onder verantwoordelijkheid van:
Nationaal Park De Biesbosch
Gemeente Dordrecht
Spuiboulevard 300
3311 GR Dordrecht
Het bezoekadres is tevens het postadres.
1.2 Contactpersoon
Contactpersoon voor dit onderzoek en de toegankelijkheidsverklaring:
Anne Wouters, Teamleider.
1.3 Doel van de evaluatie
Deze evaluatie is uitgevoerd als eerste toegankelijkheidsonderzoek ten behoeve van:
- de onderbouwing van een publieke toegankelijkheidspagina;
- het vaststellen van de digitale toegankelijkheidsstatus van np-debiesbosch.nl;
- het borgen van digitale toegankelijkheid in beheer en doorontwikkeling.
1.4 Onderzoeksmethode en tools
Het onderzoek is uitgevoerd volgens de uitgangspunten van de WCAG Evaluation Methodology (WCAG-EM) en toetst de website aan WCAG 2.1 succescriteria niveau A en AA.
De beoordeling is uitgevoerd met een combinatie van geautomatiseerde tools en handmatige toetsing:
- WAVE Web Accessibility Evaluation Tool
- axe DevTools
- Google Lighthouse Accessibility
- Handmatige beoordeling van semantiek, structuur, focusgedrag, toetsenbordbediening en contrast
1.5 Testomgeving
De website is getest in de volgende omgevingen:
- Desktop en mobiel: macOS (nieuwste versie)
- Browsers: Google Chrome en Safari (nieuwste versies ten tijde van de audit)
Geteste methoden:
- toetsenbordnavigatie (TAB, Shift+TAB, Enter, spatiebalk)
- browser zoom tot 200 procent en 400 procent
- visuele inspectie van structuur, contrast en interactiecomponenten
1.6 Rol en onafhankelijkheid
De evaluatie is uitgevoerd door 10uur. 10uur is tevens de ontwikkelaar van de website. Dit betekent dat de auditor niet onafhankelijk is van de ontwikkelpartij. Gevonden issues zijn tijdens het onderzoek direct hersteld en geverifieerd.
1.7 Eerdere onderzoeken
Er zijn geen eerdere toegankelijkheidsonderzoeken uitgevoerd voor deze website.
2. Websiteverkenning (WCAG-EM stap 2)
2.1 Scope van het onderzoek
Dit onderzoek betreft de volledige publiek toegankelijke website np-debiesbosch.nl. De evaluatie omvat:
- alle hoofdmenu-items en bijbehorende detailpagina's;
- navigatie (desktop en mobiel offcanvas-menu);
- interactieve componenten (accordions, lightbox, teaserkaarten, video player);
- wettelijke informatiepagina's.
2.2 Niet in scope
De volgende onderdelen vallen buiten scope omdat het diensten van derden betreft:
- Cookiebot cookiebanner – third-party widget, niet door de organisatie te beheersen;
- YouTube video embeds – toegankelijkheid valt onder verantwoordelijkheid van YouTube/Google.
Wanneer deze onderdelen wijzigen of nieuwe externe diensten worden toegevoegd, wordt aanbevolen om te controleren of deze voldoen aan WCAG 2.1.
2.3 Paginatypes en functionaliteiten
De website bestaat uit de volgende paginatypes:
- Homepagina met header-media en navigatie
- Overzichtspagina's (nieuws, educatie)
- Detailpagina's (nieuwsberichten, educatieactiviteiten)
- Informatiepagina's met interactieve componenten
- Wettelijke pagina's (toegankelijkheid)
2.4 Interactieve componenten
- Hoofdnavigatie (desktop en mobiel offcanvas-menu)
- Accordions
- Teaserkaarten met afbeeldingen
- Lightbox (GLightbox) voor afbeeldingen
- Video player met poster en play-button
2.5 Technologie
- CMS: Drupal 11
- Frontend framework: Bootstrap 5
- Thema: custom thema (tienuur_theme)
- Content-opbouw: Paragraphs-systeem met modulaire blokken
- Afbeeldingen: responsive images met focal point en lazy loading
3. Representatieve pagina-selectie (WCAG-EM stap 3)
Conform WCAG-EM is een representatief sample van pagina's en functionaliteiten geselecteerd. Dit sample dekt de variatie in templates, contentstructuren, navigatiepatronen en interacties.
| Paginatype | URL | Reden van opname |
|---|---|---|
| Homepage | https://np-debiesbosch.nl/ | Belangrijkste instappagina; bevat header-media, navigatie, teaserkaarten |
| Overzichtspagina (nieuws) | https://np-debiesbosch.nl/netwerk-ondernemers/nieuws | Representatief voor overzichten met teaser-lijsten |
| Detailpagina (nieuws) | https://np-debiesbosch.nl/over-ons/nieuws/wereldvogeltrekdag-9-mei | Representatief voor nieuwsberichten met content en media |
| Detailpagina (educatie) | https://np-debiesbosch.nl/educatie/bevertocht-0 | Representatief voor educatiecontent; ander teaser-template |
| Informatiepagina met interactie | https://np-debiesbosch.nl/plan-je-bezoek | Bevat interactieve componenten (accordions, paragraphs) |
| Wettelijke pagina | https://np-debiesbosch.nl/toegankelijkheid | Toegankelijkheidspagina; representatief voor statische tekstpagina's |
4. Resultaten, bevindingen en herstelmaatregelen (WCAG-EM stap 4)
De website is beoordeeld op basis van alle succescriteria uit WCAG 2.1 niveau A en AA. De toetsing is uitgevoerd met geautomatiseerde tools en handmatige beoordeling.
4.1 Aanvullende controle met WAVE, axe en Lighthouse
De website is gecontroleerd met drie onafhankelijke geautomatiseerde tools: WAVE Web Accessibility Evaluation Tool, axe DevTools en Google Lighthouse. Alle drie de tools kwamen tot dezelfde bevindingen. Warnings zijn handmatig beoordeeld om vast te stellen of zij daadwerkelijk een toegankelijkheidsprobleem vormen.
4.2 Bevindingen en herstelmaatregelen
| WCAG | Onderdeel | Bevinding | Herstelmaatregel | Status |
|---|---|---|---|---|
| 1.1.1 (A) | Navbar logo | Het logo in de hoofdnavigatie had geen alt-attribuut, waardoor de betekenis en linkfunctie niet beschikbaar was voor screenreaders. | Alt-tekst "Nationaal Park De Biesbosch" toegevoegd aan het logo. | Opgelost |
| 1.1.1 (A) | Footer logo | Het logo in de footer had geen alt-attribuut. | Alt-tekst "Nationaal Park De Biesbosch" toegevoegd aan het footer-logo. | Opgelost |
| 1.1.1 (A) | Video poster thumbnail | De posterafbeelding van de video player had een lege alt-tekst (alt=""), waardoor deze als decoratief werd behandeld terwijl het een informatieve afbeelding betreft. |
Beschrijvende, vertaalbare alt-tekst toegevoegd. | Opgelost |
| 4.1.2 (A) | Hamburger menuknop | De hamburger-knop voor het mobiele menu had geen tekstuele waarde of label. Screenreaders konden het doel van de knop niet communiceren. | aria-label="Menu" toegevoegd aan de button (vertaalbaar). |
Opgelost |
| 4.1.2 (A) | Offcanvas menu | Het offcanvas-menu verwees via aria-labelledby naar een element met id offcanvasMenuLabel, maar dit element bestond niet op de pagina. |
Visueel verborgen kop (<h2>) met het juiste id en de tekst "Menu" toegevoegd. |
Opgelost |
| 2.4.4 (A) | Teaser-kaarten | Teaser-kaarten bevatten geneste links: de hele kaart was gewikkeld in een <a>-element, terwijl de titel daarbinnen opnieuw als link werd gerenderd door Drupal. Dit resulteerde in redundante links naar dezelfde URL. |
De gelinkte titel vervangen door een plain-text weergave, zodat er slechts één link per kaart overblijft. | Opgelost |
4.3 Warnings zonder actie vereist
| Melding | Onderdeel | Beoordeling |
|---|---|---|
| Noscript element aanwezig | Google Tag Manager <noscript> fallback |
Correct en standaard gebruik. Dit is een vereiste van Google Tag Manager en vormt geen toegankelijkheidsprobleem. |
| Contrastfout op tekst over afbeelding | Witte headertekst op header-afbeelding | WAVE kan contrast op achtergrondafbeeldingen niet betrouwbaar meten. Handmatige beoordeling: witte tekst op donkere natuurfoto's biedt voldoende contrast. Geen actie vereist. |
4.4 Aandachtspunten voor contentbeheer
- Alt-teksten bij afbeeldingen: alle afbeeldingen in de media library hebben op dit moment een alt-tekst. Bij het toevoegen van nieuwe afbeeldingen via het CMS moet de redactie erop toezien dat alt-teksten worden ingevuld.
- YouTube video's: alle huidige video's hebben ondertiteling. Bij het toevoegen van nieuwe video's moet de redactie controleren dat ondertiteling beschikbaar is.
4.5 WCAG 2.1 A en AA conformiteitsoverzicht
Alle succescriteria uit WCAG 2.1 niveau A en AA zijn beoordeeld. Onderstaand overzicht toont de volledige beoordeling per principe.
Principe 1 – Waarneembaar
| Criterium | Naam | Niveau | Status | Toelichting |
|---|---|---|---|---|
| 1.1.1 | Niet-tekstuele content | A | Opgelost tijdens audit | Alt-teksten ontbraken bij logo's en video-thumbnail. Hersteld op 16-04-2026. Alle CMS-afbeeldingen hebben alt-teksten. |
| 1.2.1 | Louter audio en louter video (vooraf opgenomen) | A | Niet van toepassing | Geen louter-audio of louter-video content op de site. |
| 1.2.2 | Ondertiteling (vooraf opgenomen) | A | Voldoet | YouTube video's zijn voorzien van ondertiteling. YouTube embeds vallen buiten scope. |
| 1.2.3 | Audiodescriptie of media-alternatief | A | Niet van toepassing | Geen video's waarvan de visuele informatie niet uit het audiospoor kan worden afgeleid. |
| 1.2.4 | Ondertiteling (live) | AA | Niet van toepassing | Geen live media-content. |
| 1.2.5 | Audiodescriptie (vooraf opgenomen) | AA | Niet van toepassing | Geen video's die audiodescriptie vereisen. |
| 1.3.1 | Info en relaties | A | Voldoet | Kopstructuur (h1–h6) is logisch en correct. Semantische HTML wordt correct toegepast. Landmarks en ARIA-relaties zijn correct. |
| 1.3.2 | Betekenisvolle volgorde | A | Voldoet | Content wordt in logische leesvolgorde gepresenteerd. |
| 1.3.3 | Zintuiglijke eigenschappen | A | Voldoet | Instructies zijn niet uitsluitend afhankelijk van zintuiglijke kenmerken. |
| 1.3.4 | Weergaverichting | AA | Voldoet | Content is bruikbaar in zowel portrait als landscape modus. |
| 1.3.5 | Identificeer het doel van de invoer | AA | Niet van toepassing | Geen formulieren op de site. |
| 1.4.1 | Gebruik van kleur | A | Voldoet | Informatie wordt niet uitsluitend door kleur overgebracht. Links zijn visueel onderscheidbaar. |
| 1.4.2 | Geluidsbediening | A | Niet van toepassing | Geen audio die automatisch afspeelt. |
| 1.4.3 | Contrast (minimum) | AA | Voldoet | Tekst-achtergrondcontrast voldoet. WAVE-warning over tekst op afbeeldingen is handmatig beoordeeld als voldoende. |
| 1.4.4 | Herschalen van tekst | AA | Voldoet | Getest op 200% zoom; content blijft leesbaar en functioneel. |
| 1.4.5 | Afbeeldingen van tekst | AA | Voldoet | Geen afbeeldingen van tekst gebruikt waar echte tekst mogelijk is. |
| 1.4.10 | Reflow | AA | Voldoet | Bij 400% zoom is alle content zonder horizontaal scrollen beschikbaar. |
| 1.4.11 | Contrast van niet-tekstuele content | AA | Voldoet | Interactieve elementen en grafische objecten hebben voldoende contrast. |
| 1.4.12 | Tekstafstand | AA | Voldoet | Content blijft functioneel bij aangepaste tekstafstand. |
| 1.4.13 | Content bij hover of focus | AA | Voldoet | Geen content die bij hover verschijnt en niet kan worden gesloten of gelezen. |
Principe 2 – Bedienbaar
| Criterium | Naam | Niveau | Status | Toelichting |
|---|---|---|---|---|
| 2.1.1 | Toetsenbord | A | Voldoet | Alle interactieve elementen zijn bereikbaar en bedienbaar met het toetsenbord. |
| 2.1.2 | Geen toetsenbordval | A | Voldoet | Geen toetsenbordvallen aangetroffen. |
| 2.1.4 | Sneltoetsen | A | Voldoet | Geen custom sneltoetsen geïmplementeerd. |
| 2.2.1 | Timing aanpasbaar | A | Niet van toepassing | Geen tijdslimieten op de site. |
| 2.2.2 | Pauzeren, stoppen, verbergen | A | Voldoet | Video's spelen niet automatisch af; gebruiker heeft controle. |
| 2.3.1 | Drie flitsen of beneden drempel | A | Voldoet | Geen flitsende content op de site. |
| 2.4.1 | Blokken overslaan | A | Voldoet | Skip-to-main-content link aanwezig. |
| 2.4.2 | Paginatitel | A | Voldoet | Alle pagina's hebben een beschrijvende titel. |
| 2.4.3 | Focusvolgorde | A | Voldoet | Focusvolgorde is logisch en volgt de visuele volgorde. |
| 2.4.4 | Doel van een link (in context) | A | Opgelost tijdens audit | Redundante links in teaser-kaarten verholpen door gelinkte titel te vervangen door plain text. |
| 2.4.5 | Meerdere manieren | AA | Voldoet | Navigatie via menu en breadcrumbs beschikbaar. |
| 2.4.6 | Koppen en labels | AA | Voldoet | Koppen zijn beschrijvend en labels zijn duidelijk. |
| 2.4.7 | Focus zichtbaar | AA | Voldoet | Focus-indicator is zichtbaar op alle interactieve elementen. |
| 2.5.1 | Aanwijzergebaren | A | Voldoet | Geen complexe gebaren vereist. |
| 2.5.2 | Aanwijzerannulering | A | Voldoet | Acties worden uitgevoerd op het loslaten (up-event). |
| 2.5.3 | Label in naam | A | Voldoet | Zichtbare labels komen overeen met de accessible names. |
| 2.5.4 | Bewegingsactivering | A | Niet van toepassing | Geen functionaliteit die afhankelijk is van apparaatbeweging. |
Principe 3 – Begrijpelijk
| Criterium | Naam | Niveau | Status | Toelichting |
|---|---|---|---|---|
| 3.1.1 | Taal van de pagina | A | Voldoet | Lang-attribuut is correct ingesteld op het html-element. |
| 3.1.2 | Taal van onderdelen | AA | Voldoet | Geen anderstalige onderdelen die een apart lang-attribuut vereisen. |
| 3.2.1 | Bij focus | A | Voldoet | Geen onverwachte contextwijzigingen bij focus. |
| 3.2.2 | Bij invoer | A | Niet van toepassing | Geen formulieren op de site. |
| 3.2.3 | Consistente navigatie | AA | Voldoet | Navigatie is consistent op alle pagina's. |
| 3.2.4 | Consistente identificatie | AA | Voldoet | Componenten met dezelfde functie zijn consistent benoemd. |
| 3.3.1 | Foutidentificatie | A | Niet van toepassing | Geen formulieren op de site. |
| 3.3.2 | Labels of instructies | A | Niet van toepassing | Geen formulieren op de site. |
| 3.3.3 | Foutsuggestie | AA | Niet van toepassing | Geen formulieren op de site. |
| 3.3.4 | Foutpreventie (juridisch, financieel, gegevens) | AA | Niet van toepassing | Geen transacties of juridische/financiële processen. |
Principe 4 – Robuust
| Criterium | Naam | Niveau | Status | Toelichting |
|---|---|---|---|---|
| 4.1.1 | Parsen | A | Voldoet | HTML-validatie levert geen significante fouten op. |
| 4.1.2 | Naam, rol, waarde | A | Opgelost tijdens audit | Hamburger-knop had geen accessible name; offcanvas-menu had een gebroken aria-labelledby referentie. Beide hersteld op 16-04-2026. |
| 4.1.3 | Statusberichten | AA | Niet van toepassing | Geen dynamische statusberichten buiten formuliercontext. |
5. Samenvatting en conclusie (WCAG-EM stap 5)
5.1 Samenvatting
Dit toegankelijkheidsonderzoek is uitgevoerd volgens WCAG-EM en toetst np-debiesbosch.nl aan WCAG 2.1 niveau A en AA. Het onderzoek is uitgevoerd door 10uur op basis van een representatieve pagina-selectie die alle belangrijke paginatypes en interactieve componenten bevat.
Er zijn zes toegankelijkheidsissues gevonden:
- Drie ontbrekende of lege alt-teksten bij afbeeldingen (WCAG 1.1.1)
- Een hamburger-knop zonder accessible name (WCAG 4.1.2)
- Een gebroken ARIA-referentie bij het offcanvas-menu (WCAG 4.1.2)
- Redundante links in teaser-kaarten (WCAG 2.4.4)
Alle zes issues zijn tijdens het onderzoek direct hersteld en op dezelfde dag (16 april 2026) op de productieomgeving doorgevoerd. Na hercontrole met dezelfde tools zijn geen resterende errors aangetroffen.
5.2 Conclusie
Op basis van de uitgevoerde evaluatie en de herstelmaatregelen is vastgesteld dat np-debiesbosch.nl voldoet aan WCAG 2.1 niveau A en AA binnen de onderzochte scope.
De cookiebanner (Cookiebot) en ingesloten YouTube-video's vallen buiten scope omdat het diensten van derden betreft.
5.3 Aandachtspunten
- Er is niet getest met een screenreader. Een aanvullende screenreadertest wordt aanbevolen om de toegankelijkheid voor gebruikers van hulptechnologie volledig te kunnen beoordelen.
- Bij het toevoegen van nieuwe content dient de redactie erop te letten dat alt-teksten worden ingevuld en YouTube-video's ondertiteling hebben.
5.4 Borging
Digitale toegankelijkheid wordt meegenomen in het reguliere beheer en doorontwikkeling:
- Contentbeheer: de redactie let bij het toevoegen van afbeeldingen op het invullen van alt-teksten, bij video's op de beschikbaarheid van ondertiteling, en bij tekstcontent op een correcte kopstructuur.
- Technisch beheer: bij wijzigingen aan templates of custom modules wordt opnieuw getoetst met WAVE, axe en/of Lighthouse. Bij Drupal-updates wordt een regressietest op toegankelijkheid uitgevoerd.
- Periodieke hercontrole: minimaal jaarlijks wordt een toegankelijkheidsonderzoek uitgevoerd, of eerder wanneer significante wijzigingen aan de website worden doorgevoerd.
5.5 Geldigheid
Dit rapport beschrijft de situatie ten tijde van de audit (april 2026). Bij ingrijpende wijzigingen of uiterlijk binnen drie jaar wordt aanbevolen een nieuw onderzoek uit te voeren.
6. Ondertekening
Naam tekenbevoegde: Anne Wouters
Functie: Teamleider
Organisatie: Nationaal Park De Biesbosch
Versie: april 2026