Partially accessible.
Honest about where we stand.
This site targets WCAG 2.1 level AA — the international standard for digital accessibility, also used in the Netherlands by central government under the Decree on Digital Accessibility. We are not a public body and therefore not legally bound, but we believe a site that opens up public data should itself be accessible.
(home, rijk, ministeries, wetten, ontvangers, universiteiten, rijksdetail)
Elke interactieve element (links, knoppen, form-velden, dropdowns) is bereikbaar met Tab + Enter. Focus is altijd zichtbaar via een teal-ring (focus-visible). De mobile nav sluit met Esc.
Elke pagina gebruikt duidelijke section-headers, <nav>, <article>, <figure> en één <h1> per page. Screenreaders zien dezelfde structuur als zichtbare bezoekers. Nuxt's NuxtRouteAnnouncer spreekt bij elke route-wijziging de nieuwe paginatitel uit.
Dark-mode heeft WCAG AAA-contrast voor body-tekst (13:1) en AA voor muted-tekst (4.9:1). De theme-keuze wordt voor de eerste paint toegepast om flikkeren te voorkomen, en volgt standaard de systeemvoorkeur (prefers-color-scheme).
Als je prefers-reduced-motion: reduce aan hebt staan, worden alle fade-in en slide-animaties uitgeschakeld. Scroll-gedrag verandert naar direct springen in plaats van smooth.
Een onzichtbare "Naar hoofdinhoud" verschijnt bij de eerste Tab zodat screenreader- en toetsenbord-gebruikers de grote header-navigatie kunnen overslaan (WCAG 2.4.1 Bypass Blocks).
Layouts zijn responsive vanaf 320px breed tot 200% zoom zonder horizontale scroll (WCAG 1.4.10 Reflow). Tekst blijft leesbaar op alle niveaus; display-typografie schaalt via clamp() en viewport units.
Eerlijkheid gaat voor compleetheid. Deze issues zijn bekend en staan op de backlog:
Sommige tekst met text-ink/50 (op cream-bg) haalt net niet de AA-ratio van 4.5:1 — met name de kleine "/ 01" num-labels en voetnoten. Lighthouse markeert dit op elke pagina die we hebben gemeten. Voor niet-essentiële labels (nummers) is het binnen WCAG 1.4.3 voor incidental text niet strikt blocking, maar we willen het wel oplossen.
De theme-toggle en een paar filter-chevrons hebben geen expliciete aria-label — screenreaders lezen dan "button" zonder context. We voegen die labels toe in een volgende revisie.
Iets in onze navigatie-setup (waarschijnlijk een global keyboard-listener) blokkeert browser bfcache. Daardoor laadt de pagina bij Back/Forward opnieuw i.p.v. instant te springen. Niet direct a11y maar raakt wel mensen die via assistieve techniek heen-en-weer bewegen.
We hebben de site niet (nog) door een echte gebruiker met NVDA / VoiceOver / JAWS laten testen. Lighthouse-scores dekken de statische controles, niet de werkelijke gebruikservaring. Als je ervaring hebt met screenreaders en iets tegenkomt dat niet werkt: laat het weten.
Bij elke deploy draait een Lighthouse-audit op 8 representatieve paginasoorten (home, section-index, detail-page, lijst, artikel). De laatste baseline is 96/100 gemiddeld voor Accessibility, met één uitschieter naar beneden (universiteiten-overzicht op 91/100 door een paar chip-kleuren).
Voor statische controle gebruiken we de ingebouwde axe-core via Lighthouse — die pakt zo'n 30-40% van alle WCAG-violations. De rest (keyboard flow, screenreader-uitspraak, visuele logica) vraagt handmatige inspectie en echte gebruikers.
Wil je helpen de site te testen met jouw assistieve techniek? We zouden dat enorm waarderen. Laat het weten via info@pionect.com.
- WCAG 2.1 — W3C Web Content Accessibility Guidelines
- Besluit digitale toegankelijkheid overheid — Nederlandse implementatie EU-richtlijn 2016/2102
- DigiToegankelijk.nl — portaal toegankelijkheidsverklaringen Rijksoverheid
- Toegankelijkheidsverklaring.nl — register van alle overheidswebsites + hun A/B/C/D/E-score (onze lijst van rijks-endpoints toont deze score per site)