Naar inhoud
Brussels Governance Monitor

Toegankelijkheid

Brussels Governance Monitor streeft ernaar zijn inhoud toegankelijk te maken voor zoveel mogelijk mensen, in overeenstemming met de Richtlijnen voor Toegankelijkheid van Webcontent (WCAG) 2.2, niveau AA.

Conformiteitsstatus

Deze website streeft naar conformiteit met het referentiekader WCAG 2.2 niveau AA. Op 24 maart 2026 is een interne audit uitgevoerd met betrekking tot de specifieke criteria van versie 2.2 (Focus Not Obscured, Focus Appearance, Target Size, Consistent Help, Accessible Authentication). De verificaties van het werkelijke contrast en de tests met schermlezers moeten nog worden afgerond.

Genomen maatregelen

  • Semantische structuur: HTML5-tags (header, main, nav, article, section, fieldset, legend), consistente kopjeshiërarchie, breadcrumbs met Schema.org-markering
  • Toetsenbordnavigatie: snelkoppeling naar inhoud (skip link), toetsenbordnavigatie in dropdownmenu's (pijltjes, Escape, Home, End), focusbeheer in het zoekveld en het mobiele menu
  • Toegankelijke formulieren: gekoppelde labels (htmlFor), fieldset/legend voor groepen, fout- en succesmeldingen aangekondigd aan schermlezers (role="status", role="alert", aria-live), honeypot-velden verborgen (aria-hidden, tabIndex -1)
  • Contrasten: kleurenpalet in oklch gecontroleerd op een minimale contrastverhouding van 4,5:1 voor alle teksten. Modus « hoog contrast » beschikbaar (verhouding 7:1, WCAG AAA)
  • Media en beweging: respect voor de voorkeur « prefers-reduced-motion », geen automatische animaties
  • Taal: dynamisch lang-attribuut op elke pagina (fr/nl/en/de). Ingebouwde spraaklezer met taaldetectie (fr-BE, nl-BE, en-GB, de-DE)
  • Afdrukken: specifiek stylesheet met zichtbare URL's, verwijdering van interactieve elementen, paginamarges, sectie-indeling. Knop « Afdrukken » in de toegankelijkheidsbalk
  • Donkere modus: volledig donker thema via inversie van CSS-variabelen. Automatische detectie van de systeemvoorkeur (prefers-color-scheme). Handmatige schakelaar opgeslagen in localStorage
  • Tekstgrootte: schaling van 85 % tot 150 % via de toegankelijkheidsbalk (gebaseerd op rem, compatibel met browserzoom)
  • Dyslexielettertype: optie OpenDyslexic activeerbaar, alleen op aanvraag geladen
  • Interactieve componenten: aria-expanded, aria-controls en aria-pressed op alle uitklapbare elementen (metrics, bronnen, filters, engagementen). Zoekfunctie met rol combobox/listbox. Beoordelingssterren met role="radiogroup"
  • Externe links: aanduiding « opent in een nieuw tabblad » toegankelijk voor schermlezers (verborgen sr-only tekst)

Toegankelijkheidswerkbalk

Een vaste knop rechtsonder op het scherm (pictogram universele toegankelijkheid) opent een paneel met alle comfortinstellingen:

  • Donkere / lichte modus — directe schakelaar, onthouden tussen bezoeken
  • Hoog contrast — verhoogt de contrastverhouding tot 7:1 (WCAG AAA)
  • Dyslexielettertype — vervangt het lettertype door OpenDyslexic
  • Tekstgrootte — A-/A+ (van 85 % tot 150 %), met terugzetten naar standaard
  • Voorlezen — spraaksynthese van de hoofdinhoud (Web Speech API, 4 talen)
  • Afdrukken — start het afdrukken via de browser

Gebruikte technologieën

HTML5, CSS (Tailwind CSS v4, oklch-variabelen), JavaScript (React 19/Next.js 16), ARIA 1.2, Schema.org (JSON-LD), Web Speech API.

Taaltoegankelijkheid

De belangrijkste inhoud van de site is beschikbaar in vier talen: Frans, Nederlands, Engels en Duits. Het lang-attribuut wordt dynamisch ingesteld op elke pagina. De wekelijkse samenvatting (BGM Weekly Digest) is beschikbaar in meer dan 80 talen, omdat Brussel 184 nationaliteiten telt en bestuur iedereen aangaat. Automatische vertalingen worden als zodanig aangegeven.

Duidelijke taal

BGM streeft naar toegankelijk taalgebruik en vermijdt institutioneel jargon. Elke domeinfiche bevat een samenvatting « Kort samengevat » in eenvoudig leesbare taal. Een volledige aanpassing naar Makkelijk Lezen en Begrijpen (FALC) wordt overwogen voor de kerninhoud.

Bekende beperkingen

  • Fragmenten van zoekresultaten worden weergegeven in HTML via Pagefind met gestileerde <mark>-tags, maar de semantiek « highlight » wordt niet door alle schermlezers aangekondigd
  • De wekelijkse samenvatting gebruikt een aparte layout met lang="en" op de <html>-tag (beperking van Next.js voor geneste layouts). De meertalige inhoud is correct gemarkeerd via een lang-attribuut op de binnencontainer
  • De exacte contrastverhoudingen in donkere modus vereisen verificatie onder reële omstandigheden (oklch-kleuren zijn niet statisch converteerbaar)
  • De kwaliteit van de spraaksynthese is afhankelijk van de browser en het besturingssysteem van de gebruiker
  • De toegankelijkheidsknop (vast rechtsonder) kan een toetsenbordfocuselement onderaan de pagina gedeeltelijk verbergen (WCAG 2.4.11 Focus Not Obscured). De inhoud blijft bereikbaar door te scrollen

Deze website streeft naar conformiteit met WCAG 2.2 niveau AA, het referentiekader waarop het AnySurfer-label is gebaseerd. Er is nog geen AnySurfer-certificering aangevraagd.

Feedback

Als u een toegankelijkheidsprobleem op deze site ondervindt, gebruik dan het feedbackformulier of neem contact met ons op via contact@brusselsgovernance.be. Wij verbinden ons ertoe binnen 15 werkdagen te antwoorden.

Deze verklaring is bijgewerkt op 24 maart 2026.