Dostępność
Praktyczne przykłady semantyki HTML, obsługi klawiatury, ARIA, kontrastu i preferencji użytkownika.
Przykłady dostępności
Wybierz przykład z nawigacji powyżej. Każda podstrona pozwala sprawdzić jeden mechanizm dostępności.
Zakres demonstracji
- semantyka HTML
- klawiatura i focus
- ARIA
- kontrast
- prefers-reduced-motion
Wybierz przykład
- Semantyczna strukturaNatywne elementy opisujące strukturę dokumentu
- FormularzEtykieta, błąd i komunikat aria-live
- AkordeonObsługa klawiatury i atrybuty ARIA
- ModalZarządzanie fokusem i zamykanie klawiszem Escape
- KontrastPorównanie zgodnego i zbyt słabego kontrastu
- Ograniczenie ruchuReakcja na prefers-reduced-motion