accessibility-scan — скилл для Claude Code: проверка доступности
Проверяет одну открытую страницу на механически обнаруживаемые нарушения WCAG 2.2 и собирает список проблем с привязкой к DOM. Запускайте после изменений интерфейса.
npx skills add AccessLint/skills --skill accessibility-scan -a claude-codeЧто делает accessibility-scan
Скилл проверяет живую страницу через движок @accesslint/core и CDP. В отчёте он группирует нарушения по влиянию и указывает DOM-селектор, а при наличии привязки к коду — ещё файл и строку. Для найденных проблем приводит свидетельства, например недостаточный контраст или отсутствующий атрибут.
Перед проверкой скилл обеспечивает запуск Chrome с отладочным доступом. Можно передать адрес страницы, имя цели из accesslint.config.json или оставить аргумент пустым, чтобы использовать цель по умолчанию. Без цели по умолчанию и файла конфигурации понадобится адрес страницы.
Скилл находит проблемы, но сам код не меняет. Поэтому после ручных исправлений проверку нужно запустить снова; клавиатурные и скринридерные проверки в описании отнесены к отдельному accessibility-inspect.
Какие задачи решает
- найти нарушения WCAG 2.2 на открытой странице
- привязать проблему к DOM-селектору и строке кода
- проверить контраст и отсутствующие атрибуты
- повторно просканировать страницу после изменений интерфейса
Примеры запросов агенту
- Проверь доступность страницы
devи перечисли найденные нарушения. - Просканируй эту страницу и привяжи каждую проблему к селектору и файлу, если источник доступен.
- Проверь страницу по адресу, который я передам, и не меняй код.
Как установить accessibility-scan
1Через Skills CLI (Vercel)
npx skills add AccessLint/skills --skill accessibility-scan -a claude-code2Вручную: положить файлы
~/.claude/skills/accessibility-scan/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/accessibility-scan/
1Через Skills CLI (Vercel)
npx skills add AccessLint/skills --skill accessibility-scan -a codex2Вручную: положить файлы
.agents/skills/accessibility-scan/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add AccessLint/skills --skill accessibility-scan -a cursor2Вручную: положить файлы
.cursor/skills/accessibility-scan/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install AccessLint/skills accessibility-scan2Вручную: положить файлы
.github/skills/accessibility-scan/SKILL.md1Через Skills CLI (Vercel)
npx skills add AccessLint/skills --skill accessibility-scan -a gemini-cli2Командой платформы
gemini skills install https://github.com/AccessLint/skills --path plugins/accesslint/skills/accessibility-scanВручную: положить файлы
.devin/skills/accessibility-scan/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add AccessLint/skills --skill accessibility-scan -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о accessibility-scan
Как установить accessibility-scan в Claude Code?
Выполните npx skills add AccessLint/skills --skill accessibility-scan -a claude-code. Файл скилла устанавливается по пути ~/.claude/skills/accessibility-scan/SKILL.md.
Что делает accessibility-scan?
Он сканирует одну живую страницу на механически обнаруживаемые нарушения WCAG 2.2 и выдаёт список с селекторами DOM и привязкой к исходному файлу, если она доступна. Код скилл не редактирует.
Можно ли запустить проверку без адреса страницы?
Да, если в accesslint.config.json задана цель по умолчанию. Иначе нужно передать адрес страницы.
