Baseline
DraftZakres zgodności
Dział zatytułowany „Zakres zgodności”Cel: WCAG 2.2 poziom AA, jako minimum wymagane przez European
Accessibility Act (EAA) dla usług cyfrowych sprzedawanych konsumentom w UE
(dotyczy zenon/apps/shop i portali B2C — home/travel/health/moto; insurance
jako B2B ekspert nie jest zwolniony, ale ryzyko regulacyjne jest niższe).
AAA nie jest celem — część kryteriów AAA jest sprzeczna z innymi celami
biznesowymi (np. ograniczenia długości linii tekstu w treściach SEO).
Co jest zapewnione z konstrukcji (nie do sprawdzenia ręcznego za każdym razem)
Dział zatytułowany „Co jest zapewnione z konstrukcji (nie do sprawdzenia ręcznego za każdym razem)”- Kontrast (1.4.3, 1.4.11) — każda para tekst/tło i obrys/focus w
warstwie semantycznej tokenów przechodzi próg (4.5:1 tekst, 3:1
obrys/focus) w KAŻDEJ z 10 kombinacji marka×tryb, weryfikowane
automatycznie w
tokens/check.mjsprzy każdym buildzie — nie na oko, nie „wygląda ok”. - Widoczny focus (2.4.7, 2.4.11) —
:focus-visiblez tokenufocus.ringna każdym elemencie interaktywnym wui/, bez wyjątków (AGENTS.md). - Cel dotyku (2.5.8) — rozmiary min.
Button/Inputw warianciesmnie są dziś zweryfikowane względem progu 24×24px.
@todo(sesja): zweryfikować cel dotyku (2.5.8) wariantu
smwzględem progu 24×24px.
Co komponent zapewnia, a co zostaje po stronie użycia
Dział zatytułowany „Co komponent zapewnia, a co zostaje po stronie użycia”Każda strona komponentu w Komponenty ma sekcję
„Dostępność” z dokładnie tym podziałem — nie duplikujemy tu listy per
komponent, patrz ui/src/components/*/*.docs.json pole a11y.
Świadomie NIE robimy (dziś)
Dział zatytułowany „Świadomie NIE robimy (dziś)”- Audyt AAA — nie jest celem (patrz wyżej).
- Wsparcie dla trybu wysokiego kontrastu systemu Windows (forced-colors)
— nieprzetestowane, brak dedykowanych reguł
@media (forced-colors: active). - Automatyczny audyt na produkcji (poza
docs/dist) — walidatorvalidators/audit/axe.spec.tspokrywa tylko strony tego systemu, nie realne portalewww//shop.
Jak to jest sprawdzane
Dział zatytułowany „Jak to jest sprawdzane”| Co | Jak |
|---|---|
| Kontrast tokenów | tokens/check.mjs, każdy build tokenów |
| Axe-core na stronach DS | validators/audit/axe.spec.ts, AUDIT=1 bash run.sh |
| Hierarchia nagłówków, alt, landmarki | validators/static/semantics.mjs, każdy build docs |
| Cursor-pointer, role, accessible name | validators/static/interactive.mjs, każdy build docs |
Patrz też Dostępność → Checklist — kryteria akceptacji nowego komponentu (dziś szkielet).