Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Review component for accessibility issues
How to use
Zainstaluj skill w swoim projekcie Claude'a, umieszczając pliki z repozytorium AgnosticUI w katalogu
.claude/skills/check-accessibility.Upewnij się, że w Twoim projekcie istnieje plik
.claude/PROJECT_CONTEXT.mdzawierający informacje o strukturze projektu i zasadach dostępności — skill będzie go czytać na początku analizy.Wpisz komendę
/check-accessibilitywraz z nazwą komponentu, który chcesz sprawdzić. Możesz podać nazwę komponentu (np.button,alert), ścieżkę do pliku (np.v2/lib/src/components/Button.ts) lub wzorzec pasujący do wielu plików.Skill automatycznie wyszuka najnowsze standardy WCAG 2.2 i WAI-ARIA dla Twojego typu komponentu, pobierze dokumentację W3C w razie potrzeby, zlokalizuje pliki komponentu w projekcie i przeanalizuje kod.
Analiza obejmie sprawdzenie semantyki HTML, poprawności atrybutów ARIA, obsługi nawigacji klawiaturą, widoczności fokusa, wsparcia dla czytników ekranu, kontrastu kolorów (minimum 4.5:1 dla tekstu, 3:1 dla UI), rozmiarów obszarów interaktywnych (minimum 44x44 piksele) oraz obsługi prefers-reduced-motion.
Otrzymasz raport z listą znalezionych problemów, pogrupowanych według ważności, z odwołaniami do konkretnych kryteriów sukcesu WCAG 2.2.