субагент

web-accessibility-checker — субагент для Claude Code: аудит WCAG

Q: Как установить web-accessibility-checker в Claude?

Через шаблоны: `npx claude-code-templates@latest --agent web-tools/web-accessibility-checker`. После этого файл субагента появится по пути `.claude/agents/web-accessibility-checker.md`.

Q: Какие инструменты доступны субагенту?

Только `Read`, `Write`, `Grep` и `Glob`. Работа идёт по файлам проекта, без запуска браузера и вспомогательных технологий.

Субагент проверяет вёрстку на соответствие WCAG, разбирает семантику HTML и доступность с клавиатуры, а на выходе даёт отчёт с нарушениями.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓

npx claude-code-templates@latest --agent web-tools/web-accessibility-checker

Открыть на GitHub

Что делает web-accessibility-checker

Субагент работает как специалист по доступности: смотрит уровень соответствия WCAG 2.1/2.2 по уровням A, AA и AAA, проверяет семантику HTML, навигацию с клавиатуры и управление фокусом, контраст цветов, альтернативный текст для медиа и обработку ошибок в формах.

Внутри описан порядок работы: сначала автоматическое сканирование, потом ручная проверка со вспомогательными технологиями, разбор структуры HTML, оценка потока навигации с клавиатуры, замер контраста и тесты со скринридером. На выходе — отчёт об аудите, чек-лист нарушений WCAG, рекомендации по семантике и контрасту, гайд по навигации с клавиатуры и результаты тестов.

Субагенту доступны только Read, Write, Grep и Glob. Значит, браузер он не запускает и в DOM живого приложения не заглядывает — проверка идёт по файлам проекта. Если нужен реальный прогон в браузере, это придётся делать отдельно, а субагент разберёт то, что лежит в коде.

Какие задачи решает

проверить страницу на соответствие WCAG уровня AA
найти проблемы с навигацией по Tab и порядком фокуса
посчитать контраст текста и фона
собрать чек-лист нарушений доступности по проекту
проверить альтернативный текст у изображений и медиа

Примеры запросов агенту

проверь доступность страницы checkout.html по WCAG 2.2 AA
найди проблемы с фокусом и навигацией с клавиатуры в компоненте модального окна
сделай отчёт по контрасту цветов в файлах стилей

Как установить web-accessibility-checker

1Через claude-code-templates

npx claude-code-templates@latest --agent web-tools/web-accessibility-checker

2Вручную: положить файлы

.claude/agents/web-accessibility-checker.md

Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию

Вручную: положить файлы

.codex/agents/web-accessibility-checker.toml

Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

Вручную: положить файлы

.cursor/agents/web-accessibility-checker.md

Cursor понимает и .claude/agents/

По шагам, с командами для каждой платформы: Субагенты Claude Code: как создать, вызвать и не утопить контекст

Из того же набора205

Весь набор →

hotfix Создаёт ветку Git Flow hotfix от main для срочных исправлений в продакшене. Перед стартом проверяет имя ветки и чистоту рабочей директории. 1 611установок project-supervisor-orchestrator Субагент, который ведёт цепочку других агентов по шагам и возвращает результат в JSON. Пригодится, когда один запрос должен пройти через несколько специализированных агентов. 1 563установок competitive-intelligence-analyst Субагент для Claude, который собирает данные о конкурентах и рынке: профили компаний, SWOT, отраслевые тренды. Пригодится перед запуском продукта или при подготовке стратегии. 1 561установок flow-status Показывает, в какой ветке Git Flow вы находитесь, насколько она разошлась с remote и куда потом сольётся. 1 514установок agent-expert Субагент, который помогает проектировать других агентов Claude: структура, границы экспертизы, промпты и примеры. 1 426установок format-python-files Хук прогоняет black по каждому .py-файлу, который Claude изменил через Edit. Форматирование перестаёт быть отдельным шагом. 1 405установок supabase-schema-sync Команда сверяет локальную схему базы данных с удалённым проектом Supabase через MCP-сервер. Помогает быстро находить расхождения и готовить файлы миграций. 1 405установок init-project Разворачивает структуру нового проекта: каталоги, git, линтеры, тесты и CI. Пригодится, когда нужно начать с чистого листа без ручной возни. 1 382установок

Рядом в теме «Тесты и QA»

Все субагенты по теме «Тесты и QA» →

Вопросы о web-accessibility-checker

Как установить web-accessibility-checker в Claude?

Через шаблоны: npx claude-code-templates@latest --agent web-tools/web-accessibility-checker. После этого файл субагента появится по пути .claude/agents/web-accessibility-checker.md.

Что делает web-accessibility-checker?

Проверяет вёрстку и разметку на соответствие WCAG 2.1/2.2, семантику HTML, навигацию с клавиатуры, контраст и доступность форм. Возвращает отчёт с перечнем нарушений и шагами по исправлению.

Какие инструменты доступны субагенту?

Только Read, Write, Grep и Glob. Работа идёт по файлам проекта, без запуска браузера и вспомогательных технологий.