WCAG 2.1 AA Web UI Audit

Deterministyczny audyt WCAG 2.1 AA interfejsu użytkownika sieci — klawiatura, kontrast, zoom/reflow, formularze/ARIA, komunikaty statusu — kończący się listą poprawek z oznaczeniem ważności.

Autor: dvcrn · dvcrn/openclaw-skills-marketplace

Testowano · Działa ★ 9.6/10

WCAG 2.1 AA Web UI Audit — Deterministyczny audyt WCAG 2.1 AA interfejsu użytkownika sieci — klawiatura, kontrast, zoom/reflow, formularze/ARIA, komunikaty statusu — kończący się listą poprawek z oznaczeniem ważności.

Co robi ten skill

Przeprowadza ustalony 9-etapowy audyt dostępności (opcjonalna automatyczna linia bazowa, klawiatura, wizualny/kontrast, zoom-reflow, formularze/ARIA, komunikaty statusu, synteza) i generuje tabelę znalezionych problemów z podziałem na Blokujący/Wysoki/Średni/Niski oraz listę poprawek z cytatami WCAG SC, tagowaniem typu dowodu i kryteriami akceptacji. Wyzwalany przez żądania WCAG/audytu-dostępności, klawiatury/fokusu, kontrastu, ARIA i dostępności-formularzy. Dostarcza opcjonalny skaner Playwright+axe, który działa z degradacją (wyświetla wskazówki instalacyjne, kończy się kodem 0), gdy te pakiety nie są zainstalowane — zweryfikowano przez uruchomienie lokalnie.

Raport z testu

Uruchomiono dołączony `run_axe_playwright.js` w praktyce bez zainstalowanego playwright/axe: wyświetlił wskazówki instalacyjne i zakończył się kodem 0 zamiast awarii, dokładnie tak, jak udokumentowano. Na fragmencie formularza logowania składającym się z 3 linii wygenerował tabelę znalezionych problemów z cytatami WCAG-SC i oznaczoną ważnością (pole hasła bez programowej etykiety, przycisk wysyłania o niskim kontraście) zamiast luźnej listy punktów, którą daje przejście bazowe. (Wymienione tutaj pod naszą starszą nazwą; własna nazwa skilla to "WCAG 2.1 AA Web UI Audit".)

Testowano: 2026-07-14 · Claude Code 2.x (agent harness)

Instalacja

git clone https://github.com/dvcrn/openclaw-skills-marketplace
cd openclaw-skills-marketplace
mkdir -p ~/.claude/skills
cp -r plugins/nicolas-m-design--wcag-21-aa-web-ui-audit/skills/wcag-21-aa-web-ui-audit ~/.claude/skills/ui-audit

Komendy i przykładowe prompty

  • /ui-auditDeterministyczny audyt WCAG 2.1 AA interfejsu użytkownika sieci — klawiatura, kontrast, zoom/reflow, formularze/ARIA, komunikaty statusu — kończący się listą poprawek z oznaczeniem ważności.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • Audit this UI for accessibility and contrast issues
  • Run a pre-launch spacing and consistency check on this app
  • Score the responsive behavior of this page and list fixes