A11y Audit

WCAG 2.2 AA/AAA-revisjon med målte kontrastforhold og kriterierefererte rettelser

av plugin87 · plugin87/ux-ui-agent-skills

Bestått ★ 8.4/10

A11y Audit — WCAG 2.2 AA/AAA-revisjon med målte kontrastforhold og kriterierefererte rettelser

Hva den gjør

Reviderer et UI eller en komponent mot WCAG 2.2 AA/AAA og WAI-ARIA-mønstre, og returnerer en funntabell nøklet til spesifikke suksesskriterier med P0/P1/P2 alvorlighetsgrad og konkrete rettelser. Utløses når brukeren ber om en tilgjengelighetssjekk, kontrastverifisering eller tastatur-/skjermlesergjennomgang. Den leser en POUR-organisert sjekkliste og ARIA-referanse og måler fargekontrast med et medfølgende skript i stedet for å øyemåle forhold.

Testrapport

Hentet SKILL.md og stikkprøvekontrollerte 6 refererte stier via rå henting – alle HTTP 200; wcag-checklist.md og aria-patterns.md er betydelige reelle referanser (POUR-organisert kriterietabell, ARIA APG tastaturkart). Kjørte scripts/contrast.py (ren python3, ingen avhengigheter): #767676/#fff = 4.54:1 PASS, #999/#fff = 2.85:1 FAIL, exit-koder korrekte. For utdatatesten skrev jeg et 6-elements card.html og reviderte det på to måter: en baseline øyesynrevisjon vs ferdighetsteksten, som krever kjøring av contrast.py per par. Målte forhold snudde to øyesynbedømmelser – den blå lenken #5b8def ser fin ut, men måler 3.23:1 (FAIL 1.4.3) og det røde merket #d32f2f ser svakt ut, men måler 4.98:1 (PASS); #8a8a8a overskrift = 3.45:1 og #a0a0a0 tekst = 2.61:1 begge FAIL. Ingen sikkerhetsbrudd (ingen curl|sh, base64, eval). Friksjon: ferdighetsmappen inneholder kun SKILL.md og avhenger av repo-rot søskenfiler/skript, så en frittstående kopi av ferdighetsmappen bryter trinnene – full pakkeinstallasjon nødvendig.

Testet på: 2026-07-21 · Claude Code 2.x (agent harness)

Installer

git clone --depth 1 https://github.com/plugin87/ux-ui-agent-skills.git /tmp/a11y-audit-src
mkdir -p ~/.claude/skills
cp -R /tmp/a11y-audit-src/.claude/skills/a11y-audit ~/.claude/skills/a11y-audit
# IMPORTANT: the skill dir holds only SKILL.md. Its steps read repo-root sibling files
#   accessibility/wcag-checklist.md, accessibility/aria-patterns.md, taste/motion-choreography.md
#   and run scripts/contrast.py, scripts/measure_render.mjs, scripts/verify_states.mjs
# — all relative to the repo root, NOT bundled with the skill. For full function, install the
# whole package into your project: npx ux-ui-agent-skills  (installs accessibility/ + scripts/ too).
# scripts/contrast.py = pure python3, no deps. measure_render.mjs/verify_states.mjs need:
#   npm i -D playwright   (without it they SKIP with exit 0, they do not error).

Kommandoer og eksempelprompter

/a11y-auditWCAG 2.2 AA/AAA-revisjon med målte kontrastforhold og kriterierefererte rettelser

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

Audit this page for WCAG 2.2 AA compliance
Check the contrast ratios on this design
Review this component for screen-reader support

Full rapport →