Magnification & Reflow
Browser zoom, screen magnifier, 320px reflow
Accessibility skill bundle for Claude Code — plan, test, review, and audit from real perspectives.
npx skills add zivtech/a11y-meta-skills
The bundle covers the full accessibility development cycle across 8 steps. The critic runs at two checkpoints. The perspective audit is triggered by escalation — not always-on.
Escalation branches — steps 3 and 8 are conditional.
When the planner or critic assigns MEDIUM or HIGH alarm to one or more
perspectives, run /perspective-audit for a focused deep review of those perspectives only.
Each perspective covers a distinct disability or situational access scenario. Together they map 52 WCAG 2.2 AA criteria with one primary owner per criterion.
Browser zoom, screen magnifier, 320px reflow
High-contrast mode, outdoor brightness, color vision deficiency
Motion sensitivity, prefers-reduced-motion, parallax
Captions, transcripts, visual alternatives to audio
Keyboard-only, switch access, voice control, limited dexterity
NVDA, JAWS, VoiceOver — semantic structure, live regions
Plain language, information density, consistent navigation
The perspective enhancement changes the output structure, not the number of findings. The alarm level table is produced only in condition C (perspective-aware).
Flat findings list — no perspective framing, no escalation signal.
prefers-reduced-motion media query on slide transitions.
No perspective attribution. No escalation signal. User groups generic.
Alarm level table — 7 perspectives, each with a level and rationale.
| Perspective | Alarm | Rationale |
|---|---|---|
| Vestibular & Motion | HIGH | Continuous auto-advance, no motion opt-out. BPPV users affected. |
| Cognitive | HIGH | 3 s auto-advance too fast; reading speed varies widely. |
| Screen Reader | MEDIUM | Live region missing; slide count not announced on change. |
| Keyboard & Motor | LOW | Arrow key navigation present; focus visible. |
| Magnification | LOW | Reflows cleanly at 320px; no horizontal scroll. |
| Contrast | LOW | Text on slide overlay passes AA. |
| Auditory | LOW | No audio content in carousel. |
Vestibular=HIGH and Cognitive=HIGH trigger /perspective-audit for those two perspectives.
53 blind evaluations across 3 experimental rounds plus calibration fixtures. The primary quantitative metric is alarm level accuracy, not finding count.
Target was ≥80% exact match on alarm levels. Each calibration fixture spans a different component archetype from quiet (static blog, mostly LOW) to loud (animated dashboard, 4 HIGHs).
| Fixture | Alarm profile | Exact matches | Score |
|---|---|---|---|
| Static blog | LOW-heavy (5L, 2M) | 7/7 | 100% |
| Login / CAPTCHA | 2 HIGH (Keyboard, Cognitive) | 7/7 | 100% |
| Video tutorial | 2 HIGH (Auditory, Screen Reader) | 7/7 | 100% |
| Animated dashboard | 4 HIGH (Vestibular, Contrast, Keyboard, SR) | 7/7 | 100% |
| Drag-drop kanban | 2 HIGH (Keyboard, Cognitive) | 7/7 | 100% |
| Total | Mixed LOW / MEDIUM / HIGH | 35/35 | 100% |
Finding count did not discriminate between conditions because Claude models find code-level bugs mechanically regardless of prompting. The perspective enhancement's contribution is in output structure and escalation accuracy.
Install the bundle, then invoke the skills directly in Claude Code.
npx skills add zivtech/a11y-meta-skills
/a11y-planner
Design accessibility before coding. Produces a 9-phase accessibility plan including semantic structure, APG pattern choice, keyboard behavior, and testing strategy.
/a11y-critic
Review plans or implementations. Runs at two lifecycle checkpoints — after planning and after testing. Produces severity-weighted findings with a mandatory multi-perspective pass.
/a11y-test
Run real accessibility tests. Playwright keyboard interaction tests, axe-core scanning, eslint-plugin-jsx-a11y static analysis, and visual regression with screenshots.
/perspective-audit
Deep review from escalated perspectives. Triggered when the planner or critic assigns MEDIUM or HIGH alarm — runs the full JTBD checklist only for those perspectives.
git clone https://github.com/zivtech/a11y-meta-skills.git
cp -r a11y-meta-skills/.claude/skills/* ~/.claude/skills/
cp a11y-meta-skills/.claude/agents/*.md ~/.claude/agents/