accessibility-checklist
Automatyczna kontrola dostępności komponentów React i Next.js zbudowanych na Radix UI i shadcn/ui.
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do przeglądu dostępności (a11y) dla komponentów React/Next.js opartych na bibliotekach Radix UI i shadcn/ui. Sprawdza błędy w użyciu komponentów, dostępność formularzy, nazwy ARIA, nawigację klawiaturą, zarządzanie fokusem i dynamiczną zawartość. Zintegrowany z systemem przeglądu pull requestów. Skupia się na wykryciu nieprawidłowego użycia biblioteki, a nie braku ręcznej implementacji wzorców dostępności.
Jak używać
Skill jest ładowany automatycznie przez system pr-review-frontend — nie wymaga ręcznej aktywacji. Działa w tle podczas przeglądu zmian w kodzie.
Podczas przeglądu pull requesta system automatycznie analizuje zmiany w komponentach React/Next.js pod kątem naruszeń dostępności.
Przejrzyj zmienione komponenty względem sekcji kontrolnej — nie każda sekcja dotyczy każdego komponentu (sprawdzenia formularzy dotyczą tylko komponentów formularza, sprawdzenia modali tylko modali).
Zwróć szczególną uwagę na sekcję "Component Library Misuse" — to najczęstsze źródło błędów. Radix UI i shadcn/ui obsługują większość wzorców dostępności automatycznie, dlatego szukaj nieprawidłowego użycia biblioteki, a nie braku ręcznej implementacji (np. Dialog bez DialogTitle, Select bez poprawnego aria-label).
Jeśli nie jesteś pewny, czy biblioteka obsługuje dany wzorzec dostępności, wybierz niższą pewność niż asercję — lepiej zgłosić wątpliwość niż przegapić błąd.
Skill automatycznie raportuje znalezione problemy w kontekście pull requesta, wskazując konkretne komponenty i typ naruszenia dostępności.