Toegankelijkheid

Toegankelijkheid is geen optie

Het federale merksysteem voldoet minstens aan WCAG 2.1 niveau AA, conform het Belgisch toegankelijkheidsbesluit en EU-richtlijn 2016/2102. Waar het kan, mikken we op AAA.

Contrast

Contrast tussen tekst en achtergrond wordt afgedwongen op tokens-niveau, niet op componenten-niveau. Concreet:

• Lichaamstekst (color.text.default op color.background.default): contrastverhouding ≥ 7:1 (AAA).
• Secundaire tekst (color.text.muted): ≥ 4,5:1 (AA).
• Tekst op gekleurde achtergrond (knoppen, banners): de pijplijn weigert combinaties die niet aan AA voldoen — een merge-blocker in CI.

Toetsenbordnavigatie en focus

Elk interactief element heeft een zichtbare focus-indicator (color.border.focus met minstens 2 px borderdikte). De tab-volgorde volgt de leesvolgorde.

Multilingualiteit en script-ondersteuning

Het bestek vraagt expliciet ondersteuning voor Latijns, Cyrillisch, Arabisch, Grieks, Japans en Chinees. De typografie-tokens definiëren per script een fallback-stack:

• font.family.primary voor Latijns, Cyrillisch en Grieks (Inter)
• font.family.arabic voor Arabisch (Noto Sans Arabic)
• font.family.cjk voor Japans en Chinees (Noto Sans CJK)

De renderpipeline kiest automatisch de juiste stack op basis van de lang-attribuut.

Validatie

WCAG-checks lopen automatisch in CI. Een nieuwe of gewijzigde token die de contrast-regel breekt, blokkeert de merge tot ze voldoet of expliciet als uitzondering wordt gemarkeerd door de Kanselarij.