accessibility-audit · owl-listener — скилл для Claude Code: аудит WCAG
Проверяет готовый интерфейс по WCAG и выдаёт проблемы с уровнем серьёзности, влиянием и шагами исправления.
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a claude-codeЧто делает accessibility-audit
Скилл проводит аудит существующего дизайна или реализации по WCAG 2.2. Он ищет барьеры в восприятии, клавиатурном управлении, предсказуемости интерфейса, семантической разметке и ARIA.
Каждая находка содержит описание, место в интерфейсе, критерий WCAG, уровень серьёзности, влияние, шаги исправления и примеры кода. Для приоритета используются уровни Critical, Major, Minor и Enhancement.
Проверяйте статические и интерактивные состояния на разных устройствах и в браузерах, а также с ассистивными технологиями. Для планирования будущих сессий с пользователями с инвалидностью этот скилл не подходит: используйте accessibility-test-plan.
Какие задачи решает
- найти барьеры доступа в готовом интерфейсе
- оценить серьёзность нарушений WCAG
- сопоставить проблему с критерием WCAG
- подготовить шаги исправления с примерами кода
- проверить состояния интерфейса для ассистивных технологий
Примеры запросов агенту
- Проведи accessibility-audit для текущего интерфейса и перечисли нарушения WCAG.
- Проверь эту форму через accessibility-audit, укажи уровень серьёзности и способ исправления.
- Запусти accessibility-audit для интерактивных состояний страницы.
Как установить accessibility-audit
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a claude-code2Вручную: положить файлы
~/.claude/skills/accessibility-audit/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/accessibility-audit/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a codex2Вручную: положить файлы
.agents/skills/accessibility-audit/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a cursor2Вручную: положить файлы
.cursor/skills/accessibility-audit/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills accessibility-audit2Вручную: положить файлы
.github/skills/accessibility-audit/SKILL.md1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a gemini-cli2Командой платформы
gemini skills install https://github.com/Owl-Listener/designer-skills --path design-systems/skills/accessibility-auditВручную: положить файлы
.devin/skills/accessibility-audit/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о accessibility-audit
Как установить accessibility-audit в Claude Code?
Выполните npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a claude-code, затем повторите npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a claude-code. Файл скилла находится в ~/.claude/skills/accessibility-audit/SKILL.md.
Что делает accessibility-audit?
Скилл проверяет существующий интерфейс по WCAG 2.2. В отчёте он даёт описание проблемы, её влияние, уровень серьёзности и рекомендации по исправлению.
Подходит ли accessibility-audit для планирования исследований с ассистивными технологиями?
Нет. Для планирования будущих сессий с пользователями с инвалидностью предназначен accessibility-test-plan.
Исходный текст
SKILL.md · MIT
--- name: accessibility-audit description: Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now. Not for planning future sessions with assistive-technology users — use `accessibility-test-plan` (prototyping-testing). --- # Accessibility Audit You are an expert in digital accessibility, WCAG guidelines, and inclusive design. ## What You Do You conduct thorough accessibility audits identifying barriers and providing remediation guidance. ## WCAG 2.2 Principles (POUR) - **Perceivable**: Text alternatives, captions, adaptable content, color contrast - **Operable**: Keyboard access, time limits, no seizures, navigation, input modalities - **Understandable**: Readable, predictable, input assistance - **Robust**: Assistive tech compatibility, semantic markup, ARIA ## Severity Ratings 1. Critical — blocks access entirely 2. Major — significant difficulty 3. Minor — inconvenience with workarounds 4. Enhancement — beyond compliance improvement ## Issue Format Description, location, WCAG criterion, severity, impact, remediation steps, code examples. ## Best Practices - Test with real assistive technologies - Include users with disabilities when possible - Audit across devices and browsers - Check static and interactive states - Prioritize by severity and user impact
© Owl-Listener · MIT · Owl-Listener/designer-skills
Похожие скиллы
Всё по теме «Фронтенд и UI» →Сначала — accessibility-audit от других авторов.