Przejdź do głównej zawartości

Baseline

Draft

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.mjs przy każdym buildzie — nie na oko, nie „wygląda ok”.
  • Widoczny focus (2.4.7, 2.4.11):focus-visible z tokenu focus.ring na każdym elemencie interaktywnym w ui/, bez wyjątków (AGENTS.md).
  • Cel dotyku (2.5.8) — rozmiary min. Button/Input w wariancie sm nie są dziś zweryfikowane względem progu 24×24px.

@todo(sesja): zweryfikować cel dotyku (2.5.8) wariantu sm wzglę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.

  • 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) — walidator validators/audit/axe.spec.ts pokrywa tylko strony tego systemu, nie realne portale www//shop.
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).