a11y-checker
Skanuj kod na błędy dostępności i otrzymaj gotowe poprawki zamiast tylko ostrzeżeń
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Narzędzie do automatycznego skanowania plików HTML i JSX pod kątem naruszeń dostępności zgodnie ze standardami WCAG. Zamiast tylko wskazywać problemy, generuje konkretny kod naprawiający błędy — brakujące atrybuty alt, kontrast kolorów, etykiety formularzy, nawigację klawiaturą i atrybuty ARIA. Uruchamiasz jedną komendę, a otrzymujesz rzeczywiste rozwiązania gotowe do wdrożenia. Idealne przed uruchomieniem nowej funkcji, audytem odziedziczonego kodu lub przygotowaniem do compliance'u dostępności.
Jak używać
Upewnij się, że masz zainstalowany Node.js w wersji 18 lub nowszej. Sprawdź wersję komendą node --version w terminalu.
Ustaw zmienną środowiskową OPENAI_API_KEY z Twoim kluczem API OpenAI. Na systemach Unix/Linux/macOS: export OPENAI_API_KEY=twoj_klucz. Na Windows: set OPENAI_API_KEY=twoj_klucz.
Przejdź do katalogu projektu zawierającego pliki HTML lub JSX, które chcesz sprawdzić.
Uruchom skanowanie jedną komendą: npx ai-a11y ./sciezka/do/pliku.tsx dla pojedynczego pliku lub npx ai-a11y ./src/components/ dla całego katalogu komponentów.
Czekaj na wyniki — narzędzie przeskanuje kod, zidentyfikuje naruszenia WCAG i wygeneruje konkretne poprawki kodu dla każdego znalezionego problemu.
Opcjonalnie dodaj flagę --verbose do komendy, aby uzyskać bardziej szczegółowe dane wyjściowe: npx ai-a11y ./src --verbose.