accessibility-compliance
Twoje interfejsy będą dostępne dla wszystkich — WCAG 2.2, czytniki ekranu, klawiatura
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do budowania interfejsów zgodnych ze standardem WCAG 2.2 z pełnym wsparciem dla użytkowników niepełnosprawnych. Implementuj wzorce ARIA, obsługę czytników ekranu, nawigację klawiaturą, dostępność mobilną (VoiceOver, TalkBack) i przeprowadzaj audyty dostępności. Stwórz doświadczenia użytkownika, które naprawdę działają dla każdego — niezależnie od możliwości fizycznych.
Jak używać
Zainstaluj skill accessibility-compliance w swoim projekcie agenta, dodając go do konfiguracji pluginów UI Design.
Kiedy pracujesz nad nowym interfejsem lub komponentem, użyj skilla do weryfikacji zgodności z WCAG 2.2 Level AA. Określ, czy interfejs musi być percepcyjny (treść dostępna w różnych formach), operacyjny (nawigacja klawiaturą i technologiami asystującymi), zrozumiały (jasna treść i działanie) i niezawodny (kompatybilność z obecnymi i przyszłymi technologiami asystującymi).
Implementuj wzorce ARIA: definiuj role elementów (button, dialog, navigation), stany (expanded, selected, disabled) i właściwości (labelledby, describedby). Dodaj live regions do dynamicznych zmian treści, aby czytniki ekranu mogły je ogłaszać.
Skonfiguruj nawigację klawiaturą — ustaw prawidłową kolejność tabulacji, widoczne wskaźniki fokusu, skróty klawiaturowe i focus trapping dla modali. Upewnij się, że wszystkie interaktywne komponenty są dostępne bez myszy.
Optymalizuj dla czytników ekranu: używaj semantycznego HTML, dodaj tekst alternatywny do obrazów, zachowaj prawidłową hierarchię nagłówków i implementuj skip linki oraz landmarks.
Przetestuj dostępność mobilną — ustaw rozmiary celów dotykowych na minimum 44x44dp, zapewnij kompatybilność z VoiceOver (iOS) i TalkBack (Android), oferuj alternatywy dla gestów i wspieraj Dynamic Type. Przeprowadź audyt dostępności, aby znaleźć i naprawić naruszenia standardów.