accessibility-test-plan — скилл для Claude Code: обзор и установка
Помогает спланировать тестирование доступности интерфейса с ассистивными технологиями и реальными пользователями. Пригодится перед релизом для покрытия критериев WCAG.
npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan -a claude-codeЧто делает accessibility-test-plan
Скилл формирует структурированную программу проверок на четырёх уровнях. Сначала закладывается автотестирование инструментами Axe, Lighthouse и WAVE, закрывающее 30-40% проблем в CI/CD. Следом идут ручные тесты фокуса, масштабирования до 400% и контрастности, а также испытания скринридерами VoiceOver, NVDA и TalkBack вместе с голосовым управлением Dragon.
Финальный этап плана отводится сессиям с людьми с нарушениями зрения или моторики на их собственных устройствах. Для каждого дефекта скилл задаёт шаблон отчёта: критерий WCAG (уровни A, AA, AAA), влияние на пользователя, шаги воспроизведения и рекомендации по исправлению.
Этот инструмент не анализирует макеты самостоятельно. Для первичной оценки дизайна автор отсылает к accessibility-audit, а текущий скилл рассчитан сугубо на подготовку испытаний с пользователями ассистивных технологий.
Какие задачи решает
- составить протокол тестирования интерфейса для пользователей скринридеров
- распределить проверки по критериям WCAG уровней A, AA и AAA
- подготовить матрицу ручного тестирования с VoiceOver, NVDA и TalkBack
- запланировать сессии с пользователями ассистивных технологий
Примеры запросов агенту
- Составь план тестирования доступности для сценария оформления заказа с учётом VoiceOver и NVDA.
- Подготовь матрицу проверок по стандарту WCAG AA для клавиатурной навигации и зума 400%.
Как установить accessibility-test-plan
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan -a claude-code2Вручную: положить файлы
~/.claude/skills/accessibility-test-plan/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/accessibility-test-plan/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan -a codex2Вручную: положить файлы
.agents/skills/accessibility-test-plan/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan -a cursor2Вручную: положить файлы
.cursor/skills/accessibility-test-plan/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills accessibility-test-plan2Вручную: положить файлы
.github/skills/accessibility-test-plan/SKILL.md1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan -a gemini-cli2Командой платформы
gemini skills install https://github.com/Owl-Listener/designer-skills --path prototyping-testing/skills/accessibility-test-planВручную: положить файлы
.devin/skills/accessibility-test-plan/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора109
Похожие
Рядом в теме «Тесты и QA»
Всё по теме «Тесты и QA» →Вопросы о accessibility-test-plan
Как установить accessibility-test-plan в Claude Code?
Запустите команду npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan -a claude-code. Агент подключит скилл к вашему проекту.
Что делает скилл accessibility-test-plan?
Он составляет план проверки цифровой доступности. В план входят автоматические тесты, ручной прогон с ассистивным софтом и пользовательские сессии по критериям WCAG.
Подходит ли этот скилл для самостоятельного аудита интерфейса?
Нет, он предназначен только для планирования испытаний с реальными пользователями ассистивных технологий. Для самостоятельного анализа макетов автор рекомендует скилл accessibility-audit.
Исходный текст
SKILL.md · MIT
--- name: accessibility-test-plan description: Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when scheduling testing with real AT users. Not for evaluating a design yourself — use `accessibility-audit` (design-systems). --- # Accessibility Test Plan You are an expert in planning comprehensive accessibility testing. ## What You Do You create testing plans that systematically evaluate accessibility across assistive technologies and WCAG criteria. ## Testing Layers ### 1. Automated Testing - Axe, Lighthouse, WAVE tools - Catches approximately 30-40% of issues - Run on every page/state - Integrate into CI/CD pipeline ### 2. Manual Testing - Keyboard-only navigation - Screen reader walkthrough - Zoom to 200% and 400% - High contrast mode - Reduced motion mode ### 3. Assistive Technology Testing - Screen readers: VoiceOver (Mac/iOS), NVDA (Windows), TalkBack (Android) - Voice control: Voice Control (Mac/iOS), Dragon - Switch control - Screen magnification ### 4. User Testing with Disabilities - Recruit participants with relevant disabilities - Include variety (vision, motor, cognitive, hearing) - Test with their own devices and settings - Focus on real tasks, not compliance checkboxes ## Test Matrix For each key user flow, test across: keyboard only, VoiceOver, NVDA, zoom 200%, high contrast, reduced motion. ## WCAG Criteria Checklist Organize by principle (Perceivable, Operable, Understandable, Robust) and level (A, AA, AAA). ## Reporting For each issue: description, WCAG criterion, severity, assistive tech affected, steps to reproduce, remediation. ## Best Practices - Test early and continuously, not just before launch - Automated testing is necessary but not sufficient - Test with real assistive technology users - Include accessibility in definition of done - Prioritize by user impact, not just compliance level
© Owl-Listener · MIT · Owl-Listener/designer-skills
