Gedeeltelijk toegankelijk.
Eerlijk over waar we staan.
Deze site streeft naar WCAG 2.1 niveau AA — de internationale standaard voor digitale toegankelijkheid, die in Nederland ook door de Rijksoverheid wordt gebruikt onder de Besluit digitale toegankelijkheid overheid. Wij zijn geen overheidsorganisatie en daarom niet wettelijk verplicht, maar we vinden dat een site die publieke data ontsluit voor iedereen moet werken.
(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)