Barrierefreiheit

Barrierefreiheit ist keine Option

Das föderale Markensystem erfüllt mindestens WCAG 2.1 Stufe AA, im Einklang mit dem belgischen Barrierefreiheitsdekret und der EU-Richtlinie 2016/2102. Wo möglich, streben wir AAA an.

Kontrast

Der Kontrast zwischen Text und Hintergrund wird auf Token-Ebene durchgesetzt, nicht auf Komponentenebene. Konkret:

• Fließtext (color.text.default auf color.background.default): Kontrastverhältnis ≥ 7:1 (AAA).
• Sekundärer Text (color.text.muted): ≥ 4,5:1 (AA).
• Text auf farbigem Hintergrund (Schaltflächen, Banner): Die Pipeline lehnt Kombinationen ab, die AA nicht erfüllen — ein Merge-Blocker in CI.

Tastaturnavigation und Fokus

Jedes interaktive Element hat einen sichtbaren Fokus-Indikator (color.border.focus mit mindestens 2 px Rahmenbreite). Die Tab-Reihenfolge folgt der Leserichtung.

Mehrsprachigkeit und Skript-Unterstützung

Das Lastenheft fordert ausdrücklich Unterstützung für Latein, Kyrillisch, Arabisch, Griechisch, Japanisch und Chinesisch. Typografie-Tokens definieren pro Skript einen Fallback-Stack:

• font.family.primary für Latein, Kyrillisch und Griechisch (Inter)
• font.family.arabic für Arabisch (Noto Sans Arabic)
• font.family.cjk für Japanisch und Chinesisch (Noto Sans CJK)

Die Render-Pipeline wählt automatisch den richtigen Stack basierend auf dem lang-Attribut.

Validierung

WCAG-Prüfungen laufen automatisch in CI. Ein neues oder geändertes Token, das die Kontrastregel verletzt, blockiert den Merge, bis es konform ist oder von der Kanzlei explizit als Ausnahme markiert wird.