Toegankelijkheidsrapport
Monumentenwacht Noord-Brabant
Stap 1 — Organisatie en evaluatiecontext
Stap 2 — Websiteverkenning
Scope van het onderzoek
Alle webcontent van de publieke website van Monumentenwacht Noord-Brabant op https://mwnb.nl (Nederlandstalig, één taalversie). Conformiteitsdoel: WCAG 2.1, niveau AA.
Wat valt binnen de scope
De scope omvat alle content op het hoofddomein, inclusief de PDF-documenten die via de website worden aangeboden. Er zijn geen paginatypes, functionaliteiten of bestandsformaten uitgesloten. Dit sluit aan op de eis dat een onderzoek dat een verklaring onderbouwt niets mag uitsluiten wat wél in de scope van de verklaring staat.
Niet in scope
Alleen de wettelijke uitzonderingen uit artikel 2 van het Besluit digitale toegankelijkheid overheid zijn buiten scope geplaatst:
- De gebruikersinterface van de Cookiebot-dialoog en van de ingesloten YouTube-speler. Dit is content van derden die niet door de organisatie wordt gefinancierd of ontwikkeld en niet onder haar controle staat. De inbedding van deze componenten op de eigen pagina's — de afspeelknop, de titel van het iframe, de plaatsing in de tabvolgorde — valt wél binnen scope en is getoetst.
Er is geen inloggedeelte op dit domein; de website bevat uitsluitend publieke content.
Paginatypes en functionaliteiten
- Homepage met hero, dienstenoverzicht, videoblok en nieuwsteasers
- Sectie-overzichten: Onze diensten, Over ons, Informatie, Nieuws
- Contentpagina's met paragraph-opbouw (gekleurde banen, beeld naast tekst, stappenoverzicht, tabellen)
- Detailpagina's: dienst, nieuwsbericht, teampagina met portretten, vacature
- FAQ-pagina met accordion (15 items)
- Contactpagina (adres- en contactgegevens, kaart/routebeschrijving — geen formulier)
- Tarievenpagina met tabelweergave
- Wettelijke pagina's: toegankelijkheidsverklaring, privacyverklaring, algemene voorwaarden, colofon
Interactieve componenten
- Hoofdmenu met uitklapbare submenu's (Bootstrap dropdown, klik/toetsenbord)
- Mobiel menu (Bootstrap offcanvas, onderin uitschuivend) met hamburgerknop
- Accordion op de FAQ-pagina
- Videoblok: thumbnail met afspeelknop, laadt bij klikken een YouTube-iframe in (youtube-nocookie.com)
- Cookiebanner en cookievoorkeurendialoog (Cookiebot)
- Overslaan-en-naar-de-inhoud-link (skiplink)
Technologie
CMS: Drupal 10.6 (PHP 8.2), 10uur-installatieprofiel en modulesuite. Frontend: custom theme tienuur_theme op basis van Bootstrap 5.
De technologieën waarvan de website afhankelijk is: HTML, CSS, JavaScript (jQuery en Bootstrap 5), WAI-ARIA, SVG en PDF. Voor deze technologieën zijn technieken gedocumenteerd in https://www.w3.org/WAI/WCAG21/Techniques/.
Wijzigingen sinds het onderzoek van 2023
De website is sinds het vorige onderzoek uitgebreid met onder meer de dienstpagina's Interieurinspecties, Archeologische inspecties, Duurzaamheidsadvies en Tarieven, de pagina's Subsidies, Veelgestelde vragen, Organisatie en Vacatures, en nieuwe nieuwsberichten. De pagina-selectie in stap 3 is daarop uitgebreid van 11 naar 17 pagina's.
Stap 3 — Representatieve pagina-selectie
| Paginatype | URL | Reden opname |
|---|---|---|
| Homepage * | / | Belangrijkste ingang; hero, videoblok, teasers |
| Sectie-overzicht * | /diensten | Overzicht met kaarten naar dienstpagina's |
| Dienstpagina * | /diensten/bouwkundige-inspecties | Rijk opgemaakte pagina met stappenoverzicht |
| Dienstpagina | /diensten/groeninspecties | Tweede dienstpagina ter vergelijking |
| Dienstpagina | /diensten/interieurinspecties | Nieuw sinds 2023 |
| Tarieven * | /diensten/tarieven | Tabelweergave met tariefgegevens |
| Sectie-overzicht | /over-ons | Overzichtspagina |
| Teampagina * | /over-ons/ons-team | 28 afbeeldingen met persoonsnamen (alt-teksten) |
| Vacature | /over-ons/vacatures | Nieuw sinds 2023 |
| Contentpagina | /duurzaamheid | Thema-pagina met gekleurde banen |
| Sectie-overzicht | /informatie | Overzichtspagina |
| Contentpagina | /informatie/wetgeving | Tekstrijke pagina met links |
| FAQ (accordion) * | /informatie/veelgestelde-vragen | Complexe interactieve component, nieuw sinds 2023 |
| Nieuwsoverzicht * | /nieuws | Overzicht met teasers |
| Nieuwsbericht * | /nieuws/jaarverslag-2025 | Artikelweergave met media en PDF-link |
| Contact * | /contact | Contactblok met kaart en logo |
| Toegankelijkheid * | /toegankelijkheid | Verplichte toegankelijkheidspagina zelf |
Stap 4 — Resultaten en bevindingen
Controle met tools
Geautomatiseerde controle met axe-core (regelsets WCAG 2.0/2.1, niveau A en AA) over de 17 pagina's uit stap 3. Daarnaast is WAVE (WebAIM) uitgevoerd op drie pagina's. Beide tools zijn uitgevoerd op de live website.
| Pagina | Nulmeting 25-08 | Na herstel 26-08 | ||||||
|---|---|---|---|---|---|---|---|---|
| Err. | Contr. | Alerts | AIM | Err. | Contr. | Alerts | AIM | |
| Homepage (/) | 1 | 0 | 6 | 9,8 | 0 | 0 | 3 | 9,9 |
| Veelgestelde vragen (/informatie/veelgestelde-vragen) | 1 | 0 | 7 | 9,8 | 0 | 0 | 6 | 9,8 |
| Contact (/contact) | 2 | 0 | 4 | 9,0 | 0 | 0 | 3 | 9,9 |
Let op de beperking van geautomatiseerde scores. De FAQ-pagina haalde een AIM-score van 9,8 op 10, terwijl de accordion op die pagina bij handmatige toetsing volledig onbruikbaar bleek voor toetsenbordgebruikers (bevinding 1). Een score van een automatische scan zegt daarom niets over conformiteit; de handmatige toetsing is bepalend.
Bevindingen en herstelmaatregelen
| # | WCAG | Onderdeel | Bevinding | Herstelmaatregel | Status |
|---|---|---|---|---|---|
| 1 | 2.1.1 4.1.2 | Accordion op FAQ-pagina | Ernstig. De 15 uitklapbare vragen waren opgemaakt als <div class="accordion-button" type="button">. Een div is niet focusbaar: bij toetsenbordnavigatie (90 tabstops doorlopen) was geen enkele vraag te bereiken, waardoor de antwoorden voor toetsenbord- en schermlezergebruikers niet te openen waren. Met de muis werkte de component wel. Daarnaast waren type en aria-expanded niet toegestaan op een div zonder rol (axe: aria-allowed-attr, critical, 15×) en ontbrak kop-semantiek in .accordion-header. |
Het element vervangen door een echte <button type="button"> binnen een <h3 class="accordion-header"> in templates/paragraph/paragraph--accordion--default.html.twig. In de CSS is de kop-typografie op .accordion-header teruggezet op de bodytypografie, zodat de weergave ongewijzigd blijft. |
Opgelost |
| 2 | 2.4.4 4.1.2 | Social-links in de footer | De vier social-links (Facebook, Twitter, Instagram, LinkedIn) hadden geen toegankelijke naam: de linktekst stond in <span class="d-none">, en d-none is display:none — daarmee ook verborgen voor schermlezers. De links waren wel bereikbaar met Tab, maar werden aangekondigd zonder naam. Aangetroffen op alle 17 onderzochte pagina's (72 elementen; op /contact 8 per pagina). |
In templates/menu/menu--social.html.twig de klasse d-none vervangen door visually-hidden, zodat de naam voor schermlezers beschikbaar blijft en visueel verborgen blijft. |
Opgelost |
| 3 | 4.1.2 | Mobiel menu (offcanvas) | Het uitschuifpaneel verwees met aria-labelledby="offcanvasMenuLabel" naar een element dat niet bestond (gebroken ARIA-referentie; door WAVE als enige error op elke pagina gemeld). Daarnaast had de hamburgerknop geen aria-expanded, waardoor de open/dicht-status niet werd doorgegeven. Aangetroffen op alle onderzochte pagina's. |
In templates/includes/navbar.html.twig de gebroken verwijzing vervangen door aria-label="Hoofdmenu" en aria-expanded="false" toegevoegd aan de hamburgerknop, zodat Bootstrap de status bijwerkt. |
Opgelost |
| 4 | 2.4.7 | Afspeelknop van de video | De afspeelknop button.video-play op de homepage had bij toetsenbordfocus geen enkele focusindicatie: outline-style: none en geen box-shadow. De knop staat op een foto, waardoor de focuspositie voor toetsenbordgebruikers niet te zien was.Nuancering: bij de eerste meting leken ook de gewone knoppen ( .btn) geen focusindicatie te hebben. Dat was een meetfout — de waarde werd gelezen terwijl de CSS-transitie van 0,15 s nog liep. Na hermeting met wachttijd blijkt dat .btn-knoppen wél een duidelijke indicatie krijgen (een 4 px halo plus een donkerder wordende achtergrond). Alleen de afspeelknop was daadwerkelijk zonder indicatie. |
In het theme een :focus-visible-stijl toegevoegd voor .video-play: een witte ring van 3 px met een donkere halo daarbuiten, zodat de indicatie zowel op lichte als op donkere beelden zichtbaar is. |
Opgelost |
| 5 | 1.4.10 | Reflow bij 320 px | Bij een viewportbreedte van 320 px ontstond horizontaal schuiven op 4 van de 22 gecontroleerde pagina's: /toegankelijkheid (572 px), /privacyverklaring (369 px), /diensten/groeninspecties (329 px) en /duurzaamheid (327 px). Oorzaak is steeds hetzelfde: lange woorden die niet afbreken — onder meer de kop "TOEGANKELIJKHEIDSVERKLARING" en een kale URL als linktekst. Visueel bevestigd met een schermafdruk op 320 px.Nuancering: bij de eerste meting is alleen /toegankelijkheid gevonden, omdat toen 7 pagina's zijn getoetst. Na uitbreiding naar 22 pagina's bleken het er 4 te zijn. |
overflow-wrap: break-word toegepast op body en alle kopniveaus in het theme. De kale URL op /toegankelijkheid is inmiddels vervangen door een beschrijvende linktekst. |
Opgelost |
| 6 | 1.3.1 2.4.6 | Kopstructuur | Kaarttitels, medewerkersnamen en footerkoppen werden als <h6> opgemaakt, waardoor kopniveaus werden overgeslagen (h1→h6, h2→h6) op alle onderzochte pagina's; WAVE meldde dit als Skipped heading level (1–3 per pagina). Daarnaast zijn op twee plaatsen in de content gewone alinea's als <h5> opgemaakt. |
Technisch deel opgelost: de kopniveaus in de templates aangepast naar het juiste niveau (teaserkaarten en footerkoppen naar h2, medewerkersnamen en contactblokkoppen naar h3), met een nieuwe hulpklasse heading-plain die de display-typografie van h1–h3 uitzet zodat de weergave identiek blijft. De subtitel in het kaart-paragraph is een <p> geworden (het was een bovenschrift, geen kop).Contentdeel: op drie plaatsen was lopende tekst of een knop als <h5> opgemaakt (FAQ-pagina, homepage, vacaturepagina) en op één plaats een bovenschrift als <h6>. Deze zijn omgezet naar gewone alinea's. Op vijf pagina's die met een <h3> onder de <h1> begonnen zijn de sectiekoppen <h2> geworden, met class="h3" zodat de weergave gelijk blijft (een h2 is in dit theme 60 px, een h3 35 px). Uitgevoerd met scripts/a11y-content-fixes.php en scripts/a11y-kopniveaus-content.php. |
Opgelost |
| 7 | 4.1.2 3.1.2 | Ingesloten YouTube-video | Bij het klikken op de afspeelknop werd een <iframe> naar youtube-nocookie.com in de pagina geplaatst zonder title-attribuut; het frame had daardoor geen toegankelijke naam. Omdat het iframe pas na interactie ontstaat, is deze afwijking niet door de automatische scan gevonden. Daarnaast was het aria-label van de afspeelknop Engelstalig ("Play video") op een Nederlandse pagina. |
In tienuur_libraries/libraries/video-inline/js/video-inline.js krijgt het iframe nu een title, gevuld uit een nieuw data-play-title-attribuut (met veilige HTML-escaping en "Video" als terugvaloptie). Het aria-label is vernederlandst naar "Video afspelen". Advies: per video een beschrijvende titel meegeven in plaats van de algemene terugvaloptie. |
Opgelost |
| 8 | 1.1.1 | Afbeeldingen zonder of met niet-informatieve alt-tekst | De afbeelding logo-contact.svg in het contactblok had geen alt-attribuut (axe: image-alt, critical; WAVE: Missing alternative text). Daarnaast heeft de thumbnail van de video in de content de alt-tekst Placeholder. |
Technisch deel opgelost: in site_blocks/templates/BlockContact.html.twig is alt="" toegevoegd — de afbeelding is decoratief naast de knop "Routebeschrijving".Contentdeel: de alt-tekst "Placeholder" op media-item 1 is met hetzelfde script vervangen door "Twee monumentenwachters met helm en veiligheidsharnas op het dak van een monumentale kerk", op basis van wat de foto daadwerkelijk toont. Dit media-item wordt op meerdere plaatsen gebruikt; de beschrijving past overal. |
Opgelost |
| 9 | 1.2.3 1.2.5 | Tekstalternatief bij de video | De video "Wij zijn Monumentenwacht Noord-Brabant" heeft ingebrande Nederlandse ondertiteling (visueel vastgesteld tijdens het afspelen), waarmee aan 1.2.2 wordt voldaan. Er is echter geen audiodescriptie en geen tekstalternatief (transcript) bij de video. De enige ondertitelingstrack op YouTube is automatisch gegenereerd (ASR), wat niet als ondertiteling in de zin van WCAG geldt. | Onder de video staat nu een transcript met de gesproken tekst en een beschrijving van het beeld (WCAG-techniek G69), in een <details> die met het toetsenbord te openen is. Daarmee wordt aan zowel 1.2.3 als 1.2.5 voldaan. De gesproken tekst is overgenomen uit de ondertiteling van de video en op twee tijdstippen tegen het beeld gecontroleerd; laat de redactie de formulering nog een keer nalezen. |
Opgelost |
| — | 1.4.3 4.1.2 1.1.1 | Cookiebot-dialoog (derde partij) | axe markeert contrastmeldingen in de Cookiebot-dialoog als "needs review"; de dialoog bevat verder een afbeelding met de alt-tekst logo en twee iframes met title="Blank". |
Betreft een dienst van derden, buiten scope. Branding en teksten van de banner zijn desgewenst aan te passen in het Cookiebot-dashboard. | Buiten scope |
Contentaanpassingen
De contentaanpassingen zijn doorgevoerd met drie herhaalbare scripts in scripts/. Die werken via
de Drupal-entity-API (dus met correcte cache-invalidatie en waar van toepassing een nieuwe revisie), draaien
standaard als dry-run, zoeken op inhoud in plaats van op vaste ID's en zijn zonder bijwerkingen te herhalen.
Alle drie zijn eerst op de ontwikkeldatabase uitgevoerd en daarna op productie, met vooraf een dry-run en een
back-up van de oude veldwaarden.
| WCAG | Wat | Script |
|---|---|---|
| 1.3.1 | Drie tekstblokken die als <h5> waren opgemaakt (FAQ-pagina, homepage, vacaturepagina) omgezet naar alinea's | a11y-content-fixes.php |
| 1.1.1 | Alt-tekst "Placeholder" vervangen door een beschrijving van de foto | a11y-content-fixes.php |
| 1.3.1 | Footerkop "Adres" naar het juiste kopniveau | a11y-content-fixes.php |
| 1.3.1 | Bovenschrift "De laatste stap" is geen kop meer | a11y-kopniveaus-content.php |
| 2.4.6 | Sectiekoppen op /duurzaamheid, /informatie/subsidies, /informatie/wetgeving, /colofon en één nieuwsbericht van h3 naar h2, met class="h3" voor gelijke weergave | a11y-kopniveaus-content.php |
| 1.2.3 / 1.2.5 | Transcript met gesproken tekst en beeldbeschrijving onder de video op de homepage | a11y-video-transcript.php |
Let op één bewuste weergavewijziging: de inleidende regels op de FAQ-pagina waren als <h5>
opgemaakt en werden daardoor groter en gecentreerd weergegeven. Als gewone alinea staan ze nu links uitgelijnd
op normale tekstgrootte. Dat is het beoogde gevolg van het weghalen van onjuiste kopopmaak; wil de redactie ze
toch gecentreerd, dan kan dat in de editor worden ingesteld.
Herstel en hercontrole
Het herstel is op 25 augustus 2026 doorgevoerd in het theme tienuur_theme en in de modules site_blocks en tienuur_libraries. Daarna is de volledige toetsing opnieuw uitgevoerd op de ontwikkelomgeving. Resultaten:
| Controle | Voor herstel | Na herstel |
|---|---|---|
| axe-core over 17 pagina's | 3 regels overtreden, 88 elementen (link-name 72×, aria-allowed-attr 15×, image-alt 1×) | 0 overtredingen op alle 17 pagina's |
| FAQ-accordion met toetsenbord | Onbereikbaar (90 tabstops, geen enkel item) | Bereikbaar na 11 tabstops; opent met Enter (aria-expanded wordt true, paneel wordt zichtbaar) |
| Focusindicatie FAQ-accordion | Niet van toepassing (niet focusbaar) | Zichtbare rode ring van 4 px |
| Focusindicatie afspeelknop video | Geen indicatie | Witte ring van 3 px met donkere halo |
| Gebroken ARIA-referenties | 1 per pagina (offcanvasMenuLabel) | Geen |
| Titel op YouTube-iframe na klikken | Ontbreekt | Aanwezig |
| Lopende tekst, knoppen of bovenschriften als kop opgemaakt | 4 plaatsen (3× <h5>, 1× <h6>) | Geen; herhaalde controle van de scripts vindt niets meer |
| Niet-informatieve alt-teksten | 1 ("Placeholder") | Geen |
| Reflow bij 320 px | 4 van 22 pagina's schuiven horizontaal | Geen horizontaal schuiven op alle 22 gecontroleerde pagina's |
| Overgeslagen kopniveaus | Op alle 22 gecontroleerde pagina's | Geen enkele overgeslagen kopniveau meer op de 22 gecontroleerde pagina's |
| Tekstalternatief bij de video | Afwezig | Transcript met gesproken tekst en beeldbeschrijving, met het toetsenbord te openen |
| Weergavecontrole (regressietest) | — | Alle gewijzigde koppen en de accordion zijn vergeleken met de live site op lettertype, -grootte, -gewicht, regelhoogte, kapitalisatie, letter- en woordafstand, marge, kleur, uitlijning, padding en afmetingen: identiek. Alleen het HTML-element verschilt, zoals bedoeld. |
De codewijzigingen zijn op 26 augustus 2026 uitgerold naar productie, waarna het contentscript daar nog een keer is gedraaid voor de footerkop "Adres". Alle bovenstaande controles zijn daarna op de live site herhaald met dezelfde uitkomst. Ook WAVE is opnieuw uitgevoerd: 0 errors en 0 contrastfouten op de drie gecontroleerde pagina's.
Bij die uitrol kwam één regressie aan het licht die direct is verholpen: de footerkop "Adres" komt uit een tekstblok in het CMS met tekstformaat basic_html, en dat filter verwijdert class-attributen. Daardoor viel de hulpklasse weg en werd de kop als volledige h2 weergegeven. Footerkoppen krijgen hun weergave nu via het theme in plaats van via een class in de content, zodat dit niet afhangt van waar de tekst vandaan komt.
PDF-documenten
De website biedt vijf PDF-documenten aan. Deze zijn alle na 23 september 2018 gepubliceerd en vallen daarmee onder het Besluit. Op elk document is een technische controle uitgevoerd op de kenmerken die bepalen of een PDF door hulptechnologie te gebruiken is: is het document getagd (heeft het een structuurboom), is de taal vastgelegd, is er een documenttitel die in de titelbalk wordt weergegeven, en hebben afbeeldingen een alternatieve tekst.
| Document | Getagd | Taal | Documenttitel | Alt-teksten |
|---|---|---|---|---|
| Aanmeldingsformulier bouwkundig 2023 (8 pagina's, invulbaar formulier) | Nee | Ontbreekt | "aanmeldingsformulier.cdr" (bestandsnaam) | Geen afbeeldingen getagd |
| Algemene Voorwaarden (6 pagina's) | Nee | nl-NL | Ontbreekt | Geen afbeeldingen getagd |
| Modelformulier ontbinding/herroeping (1 pagina) | Nee | Ontbreekt | Aanwezig | Geen afbeeldingen getagd |
| Jaarverslag 2025 (2 pagina's) | Ja | "en" — het document is Nederlands | Ontbreekt | 30 van 39 afbeeldingen |
| Tarievenlijst (7 pagina's) | Ja | nl-NL | Ontbreekt | 0 van 2 afbeeldingen |
Uitkomst. Drie van de vijf documenten zijn niet getagd. Zonder structuurboom kan hulptechnologie de kop-, alinea- en tabelstructuur en de leesvolgorde niet bepalen; dat raakt de criteria 1.3.1 en 1.3.2 rechtstreeks. Bij het aanmeldingsformulier komt daar bij dat het een invulbaar formulier is: de velden hebben zonder tags geen programmatisch te bepalen label, wat 3.3.2 en 4.1.2 raakt. Vier van de vijf documenten missen een documenttitel (2.4.2), twee missen de taalinstelling en bij het jaarverslag staat de taal op Engels terwijl het document Nederlands is (3.1.1). Bij de twee getagde documenten ontbreken alternatieve teksten bij respectievelijk 9 en 2 afbeeldingen (1.1.1). In geen van de documenten zijn tabelkoppen als zodanig getagd, terwijl de tarievenlijst visueel wel tabellen bevat (1.3.1).
Deze controle stelt vast dat de documenten niet voldoen; het is geen volledige beoordeling van alle succescriteria per document. Zodra de documenten zijn herstructureerd of vervangen, is een volledige toetsing per document nodig.
Herstelmaatregelen per document
| Document | Advies | Inspanning |
|---|---|---|
| Tarievenlijst | Vervangen door de bestaande webpagina /diensten/tarieven, die dezelfde informatie al toegankelijk toont. De PDF kan als download blijven bestaan, maar dan niet meer als enige bron. | Laag |
| Algemene Voorwaarden | Vervangen door de bestaande webpagina /algemene-voorwaarden. Blijft een PDF nodig, dan opnieuw exporteren uit Word met de optie voor documentstructuurtags, en een documenttitel invullen. | Laag |
| Modelformulier ontbinding/herroeping | Dit is een model van de Autoriteit Consument & Markt. Verwijs naar de publicatie van de ACM zelf, of bied een HTML-versie aan met dezelfde inhoud. | Laag |
| Jaarverslag 2025 | Al getagd. Corrigeer de taalinstelling naar Nederlands, voeg een documenttitel toe, zet de titelbalkweergave aan en vul de 9 ontbrekende alternatieve teksten in. | Middel |
| Aanmeldingsformulier bouwkundig | Het meest ingrijpende geval: 8 pagina's, niet getagd, invulbaar formulier gemaakt in CorelDRAW. Aan te bevelen is dit te vervangen door een webformulier op de site. Dat lost de toegankelijkheid op en levert bovendien direct verwerkbare aanmeldingen. | Hoog als PDF, middel als webformulier |
Planning en maatregelen
De PDF-documenten worden uiterlijk 31 januari 2027 hersteld of vervangen. Tot die datum biedt Monumentenwacht Noord-Brabant voor elk document een toegankelijk alternatief, zodat niemand door de ontoegankelijke PDF de informatie of de dienst misloopt.
| Document | Maatregel | Alternatief tot die tijd | Raakt |
|---|---|---|---|
| Tarievenlijst | Vervangen door de webpagina met de tarieven | De pagina /diensten/tarieven bevat dezelfde informatie en is toegankelijk | 1.1.1, 1.3.1, 2.4.2 |
| Algemene Voorwaarden | Vervangen door de webpagina, of opnieuw exporteren met documentstructuurtags en een documenttitel | De pagina /algemene-voorwaarden bevat dezelfde informatie en is toegankelijk | 1.3.1, 1.3.2, 2.4.2 |
| Modelformulier ontbinding/herroeping | Verwijzen naar de publicatie van de Autoriteit Consument & Markt, of een HTML-versie aanbieden | Herroepen kan ook per e-mail of telefoon; daarvoor is het formulier niet verplicht | 1.3.1, 1.3.2, 3.1.1 |
| Jaarverslag 2025 | Taalinstelling naar Nederlands, documenttitel toevoegen, titelbalkweergave aanzetten en de 9 ontbrekende alternatieve teksten invullen | Op verzoek wordt de inhoud in een andere vorm aangeleverd, via info@mwnb.nl of 0411 64 33 66 | 1.1.1, 2.4.2, 3.1.1 |
| Aanmeldingsformulier bouwkundig | Vervangen door een webformulier op de site | Aanmelden kan ook telefonisch via 0411 64 33 66 of per e-mail via info@mwnb.nl | 1.3.1, 1.3.2, 2.4.2, 3.1.1, 3.3.2, 4.1.2 |
Twee van de vijf documenten hebben dus al een toegankelijk HTML-equivalent op de site staan. Daarmee is het grootste deel van dit punt met beperkte inspanning op te lossen.
Handmatig getoetst — onderdelen die in orde zijn
De volgende punten zijn handmatig getoetst en gaven geen afwijking:
- Skiplink (2.4.1) — "Overslaan en naar de inhoud gaan" is de eerste tabstop van de pagina, wordt zichtbaar bij focus en verwijst naar een bestaand
#main-content. - Toetsenbordbediening hoofdmenu (2.1.1) — de submenu's openen met Enter (
aria-expandedwordt correct optruegezet, 7 items worden bereikbaar). De submenu's openen niet op hover alleen, wat ook 1.4.13 ten goede komt. - Mobiel menu (2.1.1) — de hamburgerknop is met Tab te bereiken en opent het paneel met Enter.
- Focusindicatie op knoppen en links (2.4.7) — na hermeting met uitgewerkte transities:
.btn-knoppen krijgen een halo van 4 px plus een donkerder achtergrond; menu-items, teaserkaarten, footerlinks en de skiplink krijgen de standaard focusring van de browser. De volledige tabvolgorde van 26 stappen op twee pagina's is element voor element nagelopen. - Focusvolgorde (2.4.3) en geen toetsenbordval (2.1.2) — de tabvolgorde volgt de visuele volgorde; bij het doorlopen van de volledige pagina is geen toetsenbordval aangetroffen.
- Paginatitels (2.4.2) — alle 17 pagina's hebben een unieke, beschrijvende titel in de vorm "Onderwerp | Monumentenwacht Noord-Brabant".
- Taal (3.1.1) —
lang="nl"staat op alle onderzochte pagina's. - Gebruik van kleur (1.4.1) — links in lopende tekst zijn rood (#e30033) én onderstreept; kleur is niet het enige onderscheidende kenmerk.
- Contrast (1.4.3) — gemeten waarden: bodytekst #303030 op wit 13,2:1; tekst op de zandkleurige baan (#ccbda1) 7,14:1; witte tekst in de donkere footer 13,2:1; witte tekst op de rode knop (#e30033) 4,87:1; linkkleur op wit 4,87:1. Alle boven de vereiste 4,5:1. WAVE meldt 0 contrastfouten.
- Herschalen van tekst (1.4.4) — bij 200% zoom en bij een tekstvergroting naar 32 px basisgrootte ontstaat geen horizontaal schuiven en gaat geen inhoud verloren.
- Tekstafstand (1.4.12) — met de WCAG-waarden (regelafstand 1,5; letterafstand 0,12em; woordafstand 0,16em; alinea-afstand 2em) wordt geen tekst afgekapt.
- Ondertiteling video (1.2.2) — de video heeft ingebrande Nederlandse ondertiteling; vastgesteld door de video af te spelen en een beeld vast te leggen.
- Alt-teksten (1.1.1) — 50 unieke alt-teksten beoordeeld. Portretten op de teampagina dragen de naam van de betrokkene, logo's zijn benoemd en externe-linkicoontjes hebben de alt-tekst "opent in een nieuw venster".
- Parsen (4.1.1) — geen dubbele
id-waarden aangetroffen op de onderzochte pagina's.
Aandachtspunten zonder directe afwijking
- Witte tekst direct op een foto ("Bekijk de video" in het videoblok). Pixelmeting van de tekstregel geeft een mediaan van 11,4:1 en op het 90e percentiel 5,5:1 — in de huidige situatie ruim voldoende. Omdat er geen verdonkerende overlay onder de tekst zit (de aanwezige gradient lichter het beeld juist op), is het resultaat afhankelijk van de gekozen afbeelding. Advies: een donkere scrim onder de tekst toevoegen zodat contrast ook na een beeldwissel gegarandeerd is.
- Niet-tekstueel contrast van de knopvorm (1.4.11) — de rode knop (#e30033) tegen de zandkleurige achtergrond (#ccbda1) heeft een randcontrast van 2,63:1. Omdat de knop een duidelijk tekstlabel met voldoende contrast heeft, wordt dit niet als afwijking geteld; bij een herontwerp is een donkerdere rand of achtergrond aan te bevelen.
- Meerdere manieren om een pagina te vinden (2.4.5) — de site heeft een hoofdmenu met submenu's naar alle onderliggende pagina's en een footermenu, maar geen zoekfunctie, sitemappagina of kruimelpad. Aan het criterium wordt voldaan; een zoekfunctie of sitemappagina zou dit robuuster maken.
- Decoratieve icoontjes — de dienst-icoontjes hebben een alt-tekst ("Icoon Interieurinspecties") die de kop ernaast herhaalt. Een lege
alt=""voorkomt dubbele aankondigingen. WAVE meldt dit als A nearby image has the same alternative text. - Titel van het video-iframe — het iframe heeft nu de algemene titel "Video". Een per video ingevulde, beschrijvende titel is beter; die kan met het nieuwe
data-play-title-attribuut worden meegegeven. - PDF-documenten — jaarverslagen en het modelformulier zijn niet op PDF-toegankelijkheid getoetst (buiten scope). Bij nieuwe documenten is het aan te raden een toegankelijke PDF (getagd, met leesvolgorde) aan te leveren.
Aandachtspunten voor contentbeheer
- Vul bij elke afbeelding een informatieve alt-tekst in en gebruik nooit standaardwaarden als "Placeholder", "Afbeelding" of de bestandsnaam.
- Gebruik voor decoratieve afbeeldingen een lege alt-tekst.
- Gebruik koppen alleen als kop en in een logische opvolging (h2 na h1, h3 na h2). Maak een inleidende alinea nooit op als kop om hem groter te laten lijken.
- Gebruik beschrijvende linkteksten in plaats van kale URL's of "lees meer".
- Plaats bij video's een transcript en zorg voor ondertiteling.
- Let bij tekst op foto's of gekleurde banen op voldoende contrast (minimaal 4,5:1).
WCAG 2.1 conformiteit — volledige criteria (niveau A & AA)
Alle 50 succescriteria van WCAG 2.1 niveau A en AA zijn beoordeeld. De statussen hieronder gelden voor de huidige situatie op productie, voor de volledige scope inclusief de PDF-documenten.
Alle zeven criteria die niet worden gehaald, worden uitsluitend veroorzaakt door de PDF-documenten. Voor de website zelf — alle HTML-content op het domein — zijn geen openstaande afwijkingen: daar voldoen 36 criteria en zijn 14 niet van toepassing (3.3.2 is alleen van toepassing door de invulbare PDF).
Bij de nulmeting van 25 augustus 2026, vóór herstel, was dit: 26 voldoet, 1 gedeeltelijk, 9 voldoet niet, 14 niet van toepassing.
Principe 1 — Waarneembaar
| Criterium | Naam | Niveau | Status | Toelichting |
|---|---|---|---|---|
| 1.1.1 | Niet-tekstuele content | A | Voldoet niet | Website: voldoet. Bevinding 8 opgelost: het ontbrekende alt in het contactblok is toegevoegd en de alt-tekst "Placeholder" is vervangen door een beschrijving van de foto. PDF-documenten: voldoen niet. In het jaarverslag missen 9 van 39 afbeeldingen een alternatieve tekst, in de tarievenlijst 2 van 2. |
| 1.2.1 | Louter-geluid en louter-video (vooraf opgenomen) | A | Niet van toepassing | Geen louter-audio- of louter-videocontent aanwezig. |
| 1.2.2 | Ondertitels (vooraf opgenomen) | A | Voldoet | De video heeft ingebrande Nederlandse ondertiteling; visueel vastgesteld tijdens het afspelen. |
| 1.2.3 | Audiodescriptie of media-alternatief (vooraf opgenomen) | A | Voldoet | Bevinding 9 opgelost: onder de video staat een transcript met de gesproken tekst en een beschrijving van het beeld. |
| 1.2.4 | Ondertitels (live) | AA | Niet van toepassing | Geen live media. |
| 1.2.5 | Audiodescriptie (vooraf opgenomen) | AA | Voldoet | Bevinding 9 opgelost: het transcript bevat een beschrijving van het beeld en dient als gelijkwaardig tekstalternatief. |
| 1.3.1 | Info en relaties | A | Voldoet niet | Website: voldoet. Bevinding 6 opgelost: kopniveaus in de templates gecorrigeerd, de <h5>-blokken in de content omgezet naar alinea's en de bovenschriften "Stap 1" t/m "De laatste stap" zijn geen koppen meer. PDF-documenten: voldoen niet. Drie van de vijf documenten zijn niet getagd, waardoor kop-, alinea- en tabelstructuur niet programmatisch te bepalen is. In geen enkel document zijn tabelkoppen getagd. |
| 1.3.2 | Betekenisvolle volgorde | A | Voldoet niet | Website: voldoet. DOM-volgorde komt overeen met de visuele volgorde (getoetst via tabvolgorde). PDF-documenten: voldoen niet. Bij de drie niet-getagde documenten is de leesvolgorde niet vastgelegd. |
| 1.3.3 | Zintuiglijke eigenschappen | A | Voldoet | Instructies verwijzen niet uitsluitend naar vorm, kleur of positie. |
| 1.3.4 | Weergavestand | AA | Voldoet | Geen vergrendeling van portret- of landschapsstand. |
| 1.3.5 | Identificeer het doel van de input | AA | Niet van toepassing | De website bevat geen formulieren die persoonsgegevens uitvragen. |
| 1.4.1 | Gebruik van kleur | A | Voldoet | Links in tekst zijn rood én onderstreept. |
| 1.4.2 | Geluidsbediening | A | Niet van toepassing | Geen audio die automatisch start; de video start alleen na een klik. |
| 1.4.3 | Contrast (minimum) | AA | Voldoet | Gemeten 4,87:1 tot 13,2:1. WAVE meldt 0 contrastfouten. Aandachtspunt: witte tekst op foto zonder scrim. |
| 1.4.4 | Herschalen van tekst | AA | Voldoet | Getoetst op 200% zoom en tekstvergroting; geen verlies van inhoud of functionaliteit. |
| 1.4.5 | Afbeeldingen van tekst | AA | Voldoet | Essentiële informatie staat als tekst; alleen logo's bevatten tekst in beeld (toegestaan). |
| 1.4.10 | Reflow | AA | Voldoet | Bevinding 5 opgelost; hercontrole op 7 pagina's bij 320 px geeft geen horizontaal schuiven. |
| 1.4.11 | Niet-tekstueel contrast | AA | Voldoet | Componentgrenzen en statussen zijn te onderscheiden. Aandachtspunt: randcontrast van de rode knop 2,63:1. |
| 1.4.12 | Tekstafstand | AA | Voldoet | Getoetst met de WCAG-waarden; geen afgekapte tekst. |
| 1.4.13 | Content bij hover of focus | AA | Voldoet | Submenu's openen op klik/Enter, niet op hover; geen wegvallende hovercontent. |
Principe 2 — Bedienbaar
| Criterium | Naam | Niveau | Status | Toelichting |
|---|---|---|---|---|
| 2.1.1 | Toetsenbord | A | Voldoet | Bevinding 1 opgelost: de FAQ-items zijn met Tab te bereiken en met Enter te openen. |
| 2.1.2 | Geen toetsenbordval | A | Voldoet | Geen toetsenbordval aangetroffen bij het doorlopen van de volledige tabvolgorde. |
| 2.1.4 | Enkel-teken sneltoetsen | A | Niet van toepassing | Geen enkel-teken sneltoetsen aanwezig. |
| 2.2.1 | Timing aanpasbaar | A | Niet van toepassing | Geen tijdslimieten aanwezig. |
| 2.2.2 | Pauzeren, stoppen, verbergen | A | Voldoet | Geen automatisch bewegende of knipperende content; de video start op verzoek en is te pauzeren. |
| 2.3.1 | Drie flitsen of onder drempelwaarde | A | Voldoet | Geen flitsende content. |
| 2.4.1 | Blokken omzeilen | A | Voldoet | Werkende skiplink als eerste tabstop, zichtbaar bij focus. |
| 2.4.2 | Paginatitel | A | Voldoet niet | Website: voldoet. Unieke, beschrijvende titels op alle 17 pagina's. PDF-documenten: voldoen niet. Vier van de vijf documenten hebben geen documenttitel; bij het aanmeldingsformulier staat de bestandsnaam "aanmeldingsformulier.cdr" als titel. |
| 2.4.3 | Focus volgorde | A | Voldoet | Tabvolgorde volgt de visuele en logische leesvolgorde. |
| 2.4.4 | Linkdoel (in context) | A | Voldoet | Bevinding 2 opgelost: de social-links hebben weer een toegankelijke naam. |
| 2.4.5 | Meerdere manieren | AA | Voldoet | Hoofdmenu met submenu's naar alle pagina's plus footermenu. Aandachtspunt: geen zoekfunctie, sitemappagina of kruimelpad. |
| 2.4.6 | Koppen en labels | AA | Voldoet | Koppen zijn inhoudelijk beschrijvend en de niveaus kloppen. Op de vijf pagina's die met een <h3> onder de <h1> begonnen zijn de sectiekoppen <h2> geworden; op 22 gecontroleerde pagina's wordt geen niveau meer overgeslagen. |
| 2.4.7 | Focus zichtbaar | AA | Voldoet | Bevinding 4 opgelost: de afspeelknop heeft nu een focusring. Alle overige bedieningselementen hadden er al een. |
| 2.5.1 | Aanwijzergebaren | A | Niet van toepassing | Geen bediening met meervingerige of padgebaseerde gebaren. |
| 2.5.2 | Aanwijzerannulering | A | Voldoet | Acties worden op de up-event uitgevoerd; standaardgedrag van links en knoppen. |
| 2.5.3 | Label in naam | A | Voldoet | Toegankelijke namen bevatten de zichtbare tekst van de bedieningselementen. |
| 2.5.4 | Bewegingsactivering | A | Niet van toepassing | Geen functionaliteit die door beweging van het apparaat wordt geactiveerd. |
Principe 3 — Begrijpelijk
| Criterium | Naam | Niveau | Status | Toelichting |
|---|---|---|---|---|
| 3.1.1 | Taal van de pagina | A | Voldoet niet | Website: voldoet. lang="nl" aanwezig op alle onderzochte pagina's. PDF-documenten: voldoen niet. Twee documenten hebben geen taalinstelling; bij het jaarverslag staat de taal op Engels terwijl het document Nederlands is. |
| 3.1.2 | Taal van onderdelen | AA | Voldoet | Geen anderstalige tekstpassages. Het Engelse aria-label van de afspeelknop is vernederlandst (bevinding 7). |
| 3.2.1 | Bij focus | A | Voldoet | Focus veroorzaakt geen contextwijziging. |
| 3.2.2 | Bij input | A | Niet van toepassing | Geen invoervelden op de website (buiten de Cookiebot-dialoog). |
| 3.2.3 | Consistente navigatie | AA | Voldoet | Hoofdmenu, footer en skiplink staan op elke pagina op dezelfde plaats en in dezelfde volgorde. |
| 3.2.4 | Consistente identificatie | AA | Voldoet | Terugkerende componenten zijn consistent benoemd en vormgegeven. |
| 3.3.1 | Foutidentificatie | A | Niet van toepassing | Geen formulieren; er kunnen geen invoerfouten optreden. |
| 3.3.2 | Labels of instructies | A | Voldoet niet | De website zelf bevat geen formulieren. Het aanmeldingsformulier wordt echter als invulbare PDF aangeboden en is niet getagd, waardoor de velden geen programmatisch te bepalen label hebben. |
| 3.3.3 | Foutsuggestie | AA | Niet van toepassing | Geen formulieren. |
| 3.3.4 | Foutpreventie (juridisch, financieel, gegevens) | AA | Niet van toepassing | Geen transacties of juridisch bindende invoer. |
Principe 4 — Robuust
| Criterium | Naam | Niveau | Status | Toelichting |
|---|---|---|---|---|
| 4.1.1 | Parsen | A | Voldoet | Geen dubbele id's aangetroffen. Dit criterium vervalt in WCAG 2.2; hier opgenomen voor 2.1. |
| 4.1.2 | Naam, rol, waarde | A | Voldoet niet | Website: voldoet. Bevindingen 1, 2, 3 en 7 opgelost: accordion is een echte button, social-links hebben een naam, de gebroken aria-labelledby is vervangen, de hamburgerknop heeft aria-expanded en het video-iframe heeft een title. PDF-documenten: voldoen niet. De formuliervelden in het aanmeldingsformulier hebben geen toegankelijke naam, rol of waarde. |
| 4.1.3 | Statusberichten | AA | Niet van toepassing | Geen dynamische statusberichten buiten de Cookiebot-dialoog. |
Stap 5 — Samenvatting en conclusie
Overzicht bevindingen
Bij de heranalyse zijn 9 afwijkingen op de eigen website vastgesteld. Eén bevinding was ernstig: de accordion op de FAQ-pagina was voor toetsenbord- en schermlezergebruikers volledig onbruikbaar. Drie bevindingen kwamen op alle pagina's voor: de social-links zonder toegankelijke naam, de gebroken ARIA-referentie van het mobiele menu en de overgeslagen kopniveaus.
Alle negen bevindingen op de website zijn opgelost: in de code van thema en modules, en in de content met drie herhaalbare scripts via de Drupal-API. Alles is uitgerold naar productie en daar opnieuw getoetst.
Daarnaast zijn de vijf PDF-documenten op de site getoetst. Die voldoen geen van alle: drie zijn niet getagd, vier missen een documenttitel en bij de twee getagde documenten ontbreken alternatieve teksten. Deze afwijkingen staan nog open en zijn de reden dat de website als geheel gedeeltelijk voldoet. Zie stap 4 voor de bevindingen en de adviezen per document.
Vergelijking met het onderzoek van 2023
Het vorige onderzoek (16 oktober 2023) rapporteerde 43 criteria als "Passed" en 0 als "Failed". Dat verschil heeft drie oorzaken. Ten eerste is de website sindsdien uitgebreid met nieuwe pagina's en componenten — waaronder de FAQ-accordion, die de ernstigste bevinding opleverde. Ten tweede is bij deze heranalyse strenger en meetbaarder getoetst: focusindicatie, reflow bij 320 px, tekstafstand en contrast zijn met werkelijke toetsenbordinvoer en pixelmetingen vastgesteld in plaats van beoordeeld op het oog. Ten derde zijn de mediacriteria (1.2.3 en 1.2.5) naar de letter van de richtlijn beoordeeld: ondertiteling alleen is niet voldoende, er is ook een tekstalternatief nodig.
Eindconclusie conformiteit
Binnen de onderzochte scope voldoet de website aan 30 van de 50 succescriteria van WCAG 2.1 niveau A en AA, worden 7 criteria niet gehaald en zijn 13 niet van toepassing. Daarmee komt de situatie overeen met status B — "voldoet gedeeltelijk" voor de toegankelijkheidsverklaring.
Die zeven afwijkingen komen volledig op het conto van de vijf PDF-documenten. De website zelf — alle HTML-content — kent geen openstaande afwijkingen meer. De documenten worden uiterlijk 31 januari 2027 hersteld of vervangen; daarna is status A — "voldoet volledig" binnen bereik. Voor drie van de vijf documenten is de inspanning laag; het aanmeldingsformulier is het enige dat echt werk vraagt, en dat is het best op te lossen door er een webformulier van te maken. Tot die datum biedt de organisatie voor elk document een toegankelijk alternatief, zoals beschreven in stap 4.
Eén beperking bij deze uitspraak. De handmatige toetsing is uitgevoerd met toetsenbordbediening, inspectie van DOM en CSS, en metingen van contrast, zoom, reflow en tekstafstand. Er is niet getoetst met een echte schermlezer (zoals NVDA of VoiceOver). De ARIA-structuur en de toegankelijke namen zijn dus wel programmatisch gecontroleerd, maar niet beluisterd. Een afsluitende controle met een schermlezer is aan te bevelen voordat de verklaring met status A wordt gepubliceerd.
Aanbevolen vervolgstappen
- De vijf PDF-documenten uiterlijk 31 januari 2027 herstellen of vervangen volgens de adviezen in stap 4, en daarna per document een volledige toetsing uitvoeren. Dit is nu het enige wat status A in de weg staat.
- Een afsluitende controle met een schermlezer (NVDA of VoiceOver) op de belangrijkste paginatypes, met name het hoofdmenu, het mobiele menu, de FAQ-accordion en het videoblok.
- De redactie de formulering van het videotranscript laten nalezen; die is overgenomen uit de ondertiteling van de video en steekproefsgewijs gecontroleerd.
- De toegankelijkheidsverklaring op toegankelijkheidsverklaring.nl (registratie 11780) vernieuwen op basis van dit rapport. De pagina
/toegankelijkheidis op 26 augustus 2026 al herschreven en verwijst nu naar dit rapport; het rapport van 2023 blijft daar als eerder onderzoek beschikbaar.
Borgingsmaatregel
Toegankelijkheid wordt geborgd door redactie-instructies (verplichte en informatieve alt-teksten, logische kopstructuur, beschrijvende linkteksten, transcript bij video, voldoende contrast) en door toegankelijkheid als vast aandachtspunt op te nemen bij nieuwe pagina's en componenten. Aanbevolen hertoetsfrequentie: jaarlijks, en daarnaast bij elke substantiële wijziging aan het theme of aan interactieve componenten.
Geldigheid van dit rapport
Het onderzoek is uitgevoerd op 25 augustus 2026. De onderzoeksresultaten zijn op grond van het Tijdelijk besluit digitale toegankelijkheid overheid drie jaar geldig, dus tot 25 augustus 2029, of tot er substantiële wijzigingen aan de website plaatsvinden. Een nieuw onderzoek moet vóór die datum zijn toegevoegd aan de toegankelijkheidsverklaring.
Ondertekening
Michiel Tamerus, Developer — 10uur, 26 augustus 2026