accessibility-auditor · davila7 — скилл для Claude Code: аудит
Скилл проверяет веб-интерфейсы на доступность и подсказывает исправления для WCAG, ARIA, клавиатурной навигации и скринридеров.
npx claude-code-templates@latest --skill creative-design/accessibility-auditorЧто делает accessibility-auditor
Скилл разбирает доступность веб-интерфейсов по принципам WCAG. Он помогает находить проблемы с альтернативным текстом изображений, контрастом, семантической HTML-разметкой, подписями полей, клавиатурным управлением и ARIA-ориентирами.
В рекомендациях есть проверки для скринридеров NVDA, JAWS и VoiceOver, а также разбор доступных модальных окон, фокуса и порядка перехода по Tab. Он подходит для задач уровня WCAG 2.1 AA или AAA и подготовки к проверкам ADA и Section 508. Без видимого индикатора фокуса клавиатурная навигация не соответствует описанным требованиям.
Какие задачи решает
- проверить сайт на нарушения доступности
- исправить неподписанные поля форм
- настроить ARIA-ориентиры и семантическую разметку
- проверить навигацию с клавиатуры
- подготовить интерфейс к аудиту WCAG
Примеры запросов агенту
- Проверь этот интерфейс на соответствие WCAG 2.1 AA и перечисли нарушения.
- Найди проблемы с клавиатурной навигацией и предложи исправления в HTML.
- Проверь модальное окно, ARIA-атрибуты и работу фокуса со скринридером.
Как установить accessibility-auditor
1Через claude-code-templates
npx claude-code-templates@latest --skill creative-design/accessibility-auditor2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill accessibility-auditor -a claude-code3Вручную: положить файлы
~/.claude/skills/accessibility-auditor/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/accessibility-auditor/
Вручную: положить файлы
.agents/skills/accessibility-auditor/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/accessibility-auditor/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates accessibility-auditor2Вручную: положить файлы
.github/skills/accessibility-auditor/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/creative-design/accessibility-auditorВручную: положить файлы
.devin/skills/accessibility-auditor/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о accessibility-auditor
Как установить accessibility-auditor в Claude Code?
Выполните npx claude-code-templates@latest --skill creative-design/accessibility-auditor.
Что делает accessibility-auditor?
Скилл анализирует веб-доступность: семантическую HTML-разметку, альтернативный текст, контраст, формы, клавиатурную навигацию, ARIA и модальные окна.
Какие скринридеры поддерживает accessibility-auditor?
В рекомендациях рассматриваются NVDA, JAWS и VoiceOver.
Похожие скиллы
Всё по теме «Фронтенд и UI» →Сначала — accessibility-auditor от других авторов.
