WCAG 2.1 AA Web UI Audit

Deterministische WCAG 2.1 AA-Prüfung – Tastatur, Kontrast, Zoom/Reflow, Formulare/ARIA, Statusmeldungen – endend in einem nach Schweregrad geordneten Behebungsprotokoll.

von dvcrn · dvcrn/openclaw-skills-marketplace

Getestet · Funktioniert ★ 9.6/10

WCAG 2.1 AA Web UI Audit — Deterministische WCAG 2.1 AA-Prüfung – Tastatur, Kontrast, Zoom/Reflow, Formulare/ARIA, Statusmeldungen – endend in einem nach Schweregrad geordneten Behebungsprotokoll.

Was es kann

Führt eine feste 9-stufige Barrierefreiheitsprüfung durch (optionale automatisierte Baseline, Tastatur, visuell/Kontrast, Zoom-Reflow, Formulare/ARIA, Statusmeldungen, Synthese) und gibt eine Tabelle mit Blocker-/Hoch-/Mittel-/Niedrig-Ergebnissen sowie ein Behebungsprotokoll mit WCAG SC-Zitaten, Tagging nach Beweistyp und Akzeptanzkriterien aus. Löst bei WCAG/Barrierefreiheitsprüfung, Tastatur/Fokus, Kontrast, ARIA und Formular-Barrierefreiheitsanfragen aus. Liefert einen optionalen Playwright+axe-Scanner, der sich anmutig verschlechtert (gibt Installationsanleitungen aus, beendet sich mit 0), wenn diese Pakete nicht installiert sind – durch lokale Ausführung verifiziert.

Testbericht

Das gebündelte `run_axe_playwright.js` tatsächlich ausgeführt, ohne Playwright/Axe installiert zu haben: Es gab Installationsanleitungen aus und beendete sich mit 0 statt abzustürzen, genau wie dokumentiert. Auf einem 3-zeiligen Login-Formular-Snippet erzeugte es eine WCAG-SC-zitierte, nach Schweregrad geordnete Ergebnistabelle (Passwortfeld ohne programmatisches Label, niedrigkontrastiger Submit-Button) anstelle der losen Aufzählungsliste, die ein Baseline-Durchlauf liefert. (Hier unter unserem älteren Namen aufgeführt; der eigene Name des Skills ist "WCAG 2.1 AA Web UI Audit".)

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

Installation

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

Befehle & Beispiel-Prompts

/ui-auditDeterministische WCAG 2.1 AA-Prüfung – Tastatur, Kontrast, Zoom/Reflow, Formulare/ARIA, Statusmeldungen – endend in einem nach Schweregrad geordneten Behebungsprotokoll.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →