accessibility-compliance

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

1. Zainstaluj skill accessibility-compliance w swoim projekcie agenta, dodając go do konfiguracji pluginów UI Design.

2. 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).

3. 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ć.

4. 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.

5. 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.

6. 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.