accessibility-checklist
Accessibility review checklist for React/Next.js components built on Radix UI / shadcn/ui.\nCovers component library misuse, form accessibility, accessible names, keyboard interaction,\nfocus management, and dynamic content. Loaded by pr-review-frontend.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Accessibility review checklist for React/Next.js components built on Radix UI / shadcn/ui.\nCovers component library misuse, form accessibility, accessible names, keyboard interaction,\nfocus management, and dynamic content. Loaded by pr-review-frontend.
How to use
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.