Zum Inhalt
Brussels Governance Monitor

Barrierefreiheit

Brussels Governance Monitor verpflichtet sich, seine Inhalte für möglichst viele Menschen zugänglich zu machen, in Übereinstimmung mit den Richtlinien für barrierefreie Webinhalte (WCAG) 2.2, Stufe AA.

Konformitätsstatus

Diese Website strebt die Konformität mit dem Referenzrahmen WCAG 2.2 Stufe AA an. Am 24. März 2026 wurde ein internes Audit durchgeführt, das die spezifischen Kriterien der Version 2.2 abdeckt (Focus Not Obscured, Focus Appearance, Target Size, Consistent Help, Accessible Authentication). Die Überprüfung der tatsächlichen Kontraste und die Tests mit Screenreadern stehen noch aus.

Ergriffene Maßnahmen

  • Semantische Struktur: HTML5-Elemente (header, main, nav, article, section, fieldset, legend), konsistente Überschriftenhierarchie, Breadcrumbs mit Schema.org-Markup
  • Tastaturnavigation: Sprunglink zum Inhalt (Skip Link), Tastaturnavigation in Dropdown-Menüs (Pfeiltasten, Escape, Home, End), Fokus-Falle im Suchfeld und im mobilen Menü
  • Barrierefreie Formulare: verknüpfte Labels (htmlFor), fieldset/legend für Gruppen, Fehler- und Erfolgsmeldungen für Screenreader (role="status", role="alert", aria-live), Honeypot-Felder verborgen (aria-hidden, tabIndex -1)
  • Kontraste: Farbpalette in oklch auf ein Mindestkontrasrverhältnis von 4,5:1 bei allen Texten geprüft. Modus « Hoher Kontrast » verfügbar (Verhältnis 7:1, WCAG AAA)
  • Medien und Bewegung: Beachtung der Einstellung « prefers-reduced-motion », keine automatischen Animationen
  • Sprache: dynamisches lang-Attribut auf jeder Seite (fr/nl/en/de). Integrierter Sprachleser mit Spracherkennung (fr-BE, nl-BE, en-GB, de-DE)
  • Druck: spezielles Stylesheet mit sichtbaren URLs, Entfernung interaktiver Elemente, Seitenränder, Abschnittspaginierung. Schaltfläche « Drucken » in der Barrierefreiheits-Werkzeugleiste
  • Dunkelmodus: vollständiges dunkles Thema durch Invertierung der CSS-Variablen. Automatische Erkennung der Systemeinstellung (prefers-color-scheme). Manueller Umschalter in localStorage gespeichert
  • Textgröße: Skalierung von 85 % bis 150 % über die Barrierefreiheits-Werkzeugleiste (basierend auf rem, kompatibel mit dem Browser-Zoom)
  • Legasthenie-Schriftart: OpenDyslexic-Option aktivierbar, nur bei Bedarf geladen
  • Interaktive Komponenten: aria-expanded, aria-controls und aria-pressed auf allen aufklappbaren Elementen (Kennzahlen, Quellen, Filter, Verpflichtungen). Suche mit Rolle combobox/listbox. Bewertungssterne mit role="radiogroup"
  • Externe Links: Hinweis « öffnet in einem neuen Tab » für Screenreader zugänglich (verborgener sr-only-Text)

Barrierefreiheits-Werkzeugleiste

Eine feste Schaltfläche unten rechts auf dem Bildschirm (Symbol für universelle Barrierefreiheit) öffnet ein Bedienfeld mit allen Komforteinstellungen:

  • Dunkler / heller Modus — sofortige Umschaltung, zwischen Besuchen gespeichert
  • Hoher Kontrast — erhöht das Kontrastverhältnis auf 7:1 (WCAG AAA)
  • Legasthenie-Schriftart — ersetzt die Schriftart durch OpenDyslexic
  • Textgröße — A-/A+ (von 85 % bis 150 %), mit Zurücksetzen
  • Vorlesen — Sprachsynthese des Hauptinhalts (Web Speech API, 4 Sprachen)
  • Drucken — löst den nativen Druckdialog des Browsers aus

Verwendete Technologien

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

Sprachliche Barrierefreiheit

Der Hauptinhalt der Website ist in vier Sprachen verfügbar: Französisch, Niederländisch, Englisch und Deutsch. Das lang-Attribut wird auf jeder Seite dynamisch gesetzt. Die wöchentliche Zusammenfassung (BGM Weekly Digest) ist in über 80 Sprachen verfügbar, da Brüssel 184 Nationalitäten zählt und Regierungsführung alle betrifft. Automatische Übersetzungen werden als solche gekennzeichnet.

Einfache Sprache

BGM verwendet eine zugängliche Sprache und vermeidet institutionellen Fachjargon. Jede Bereichskarte enthält eine Zusammenfassung « Kurz zusammengefasst » in leicht lesbarer Sprache. Eine vollständige Anpassung in Leichte Sprache (FALC) wird für die Kerninhalte in Betracht gezogen.

Bekannte Einschränkungen

  • Suchergebnis-Auszüge werden in HTML über Pagefind mit gestalteten <mark>-Tags gerendert, aber die Semantik « Highlight » wird nicht von allen Screenreadern angekündigt
  • Die wöchentliche Zusammenfassung verwendet ein separates Layout mit lang="en" auf dem <html>-Element (Einschränkung von Next.js bei verschachtelten Layouts). Der mehrsprachige Inhalt ist korrekt über ein lang-Attribut auf dem inneren Container ausgezeichnet
  • Die exakten Kontrastverhältnisse im Dunkelmodus erfordern eine Überprüfung unter realen Bedingungen (oklch-Farben sind nicht statisch konvertierbar)
  • Die Qualität der Sprachsynthese hängt vom Browser und Betriebssystem des Nutzers ab
  • Die Barrierefreiheits-Schaltfläche (fest unten rechts) kann ein tastaturfokussiertes Element am Seitenende teilweise verdecken (WCAG 2.4.11 Focus Not Obscured). Der Inhalt bleibt durch Scrollen erreichbar

Diese Website strebt die Konformität mit WCAG 2.2 Stufe AA an, dem Standard, auf dem das AnySurfer-Label basiert. Eine AnySurfer-Zertifizierung wurde noch nicht beantragt.

Rückmeldung

Wenn Sie auf ein Hindernis der Barrierefreiheit auf dieser Website stoßen, verwenden Sie bitte das Feedback-Formular oder kontaktieren Sie uns unter contact@brusselsgovernance.be. Wir verpflichten uns, innerhalb von 15 Werktagen zu antworten.

Diese Erklärung wurde zuletzt am 24. März 2026 aktualisiert.