a11y-checker MCP
Сканер доступности для агентов и CI: рендерит страницу в Chromium с axe-core или линтит исходники React, Vue и Angular.
- 117 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Запускает Chromium и открывает указанные URL; правки в исходниках агент вносит только в названных файлах.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/a11y-checkerОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Запускает Chromium и открывает указанные URL; правки в исходниках агент вносит только в названных файлах.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
a11y-checker проверяет доступность двумя способами. Веб-движок открывает URL или HTML в Chromium и прогоняет axe-core, поэтому работает с любым фреймворком. Исходный движок линтит код без запущенного приложения: React и Next.js, React Native, Vue, Astro и шаблоны Angular. Каждая находка приходит структурой с `ruleId`, уровнем влияния, критерием WCAG и подсказкой по исправлению. Для агента есть MCP-сервер с инструментами `scan_page` и `explain_rule`, скилл `a11y-fix` и блок для `AGENTS.md`. Агент сканирует, правит и сканирует снова только в названных файлах.
Для кого. Фронтенд-разработчики и QA, которые хотят, чтобы агент сам находил и исправлял нарушения WCAG, а CI падал на серьезных.
Подходит, если
- Агент закончил правки интерфейса, и результат проверяют на WCAG.
- В CI добавляют проверку `npx a11y-checker src --fail-on serious`.
- Приложение на Svelte или с шаблонизатором: сканируют URL запущенной версии.
- После правок проверяют только измененные файлы флагом `--changed`.
Не подходит, если
- Нужна проверка нативного приложения на устройстве: для React Native сканирования симулятора нет.
- Нужен полный аудит с ручным тестом скринридером: автоматика находит лишь часть проблем.
- Версия Node ниже 22: пакет ее не поддерживает.
Пример запроса к агенту
Проверь доступность `src/components`, исправь серьезные нарушения, затем просканируй заново и покажи отчет.MCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Нужен Node 22 и новее. Для веб-сканов Chromium скачивают отдельно командой `npx playwright install chromium`. Для Svelte и шаблонизаторов вроде Handlebars и EJS статических правил нет, поэтому сканируют URL. Автоматическая проверка покрывает лишь часть критериев WCAG. Версия 3 переписана заново, переход с версии 2 описан в README. Для React Native есть только статическая проверка исходников, сканирования на устройстве нет.
Как отключить. Удалите блок MCP из конфига клиента, выполните `npm uninstall a11y-checker` и уберите `a11y-fix` из `.claude/skills` или `.agents/skills`. Блок в `AGENTS.md` удалите вручную.
Частые вопросы
Как подключить MCP-сервер?
Добавьте stdio-сервер с командой `npx -y a11y-checker mcp`. Верхний ключ конфига зависит от клиента: `mcpServers`, `servers` или другой.
Как поставить скилл?
Выполните `npx a11y-checker install-skill`: скилл попадет в `.agents/skills` и `.claude/skills` проекта. Флаг `--global` пишет в домашнюю папку.
Что проверяет исходный движок?
React и Next.js (JS, TS, JSX, TSX), React Native, Vue SFC, Astro и шаблоны Angular. О файлах без правил он предупреждает сообщением.
Как задать порог для CI?
Флагом `--fail-on` с уровнем `minor`, `moderate`, `serious` или `critical`. Код выхода 1 означает находки не ниже порога.
Нужен ли браузер для проверки исходников?
Нет. Chromium нужен только веб-движку: для URL, HTML-файлов и страниц, найденных при сканировании каталога. Статический линт кода его не использует.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-сервер uisight открывает мобильную и десктопную версии сайта и сообщает контраст и размеры кнопок точными числами.
Accessibility Agents
accessibility-agents
Агенты проверки доступности для Claude Code, Copilot и Claude Desktop: требования WCAG 2.2 AA в виде скиллов
Панель разметки для React-страниц: клик по элементу дает агенту селектор и контекст, скиллы настраивают подключение и сами ведут критику интерфейса
Консоль, сеть, скриншоты и аудиты Lighthouse из вашего открытого Chrome прямо в агент через расширение DevTools
MCP-сервер и расширение Chrome: выбираете элемент DOM в браузере по Option+клику, агент видит его текст, стили и селектор
CLI создает холст, где ИИ-агент строит дашборды, отчеты и макеты как React-артефакты, а правки привязаны к блокам страницы
Коротко о README
Один пакет дает CLI, библиотеку, MCP-сервер, скилл и блок для `AGENTS.md`. Код выхода и вывод JSON подходят для CI.