SkillFoxx
Telegram

MCP Accessibility Scanner

MCP Accessibility Scanner запускает проверки axe, обход фокуса клавиатурой и сохраняет отчеты о доступности страниц

  • 59 ★ репозитория
  • Последний коммит
MCP-сервер

Расширенный доступ

Почему такой уровень

  • Сервер управляет браузером: открывает страницы, кликает и вводит текст, а также читает консоль и сетевые запросы
Все причины и проверки

justasmonkev/mcp-accessibility-scannerАвтор:JustasMonkev

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add mcp/mcp-accessibility-scanner

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Сервер управляет браузером: открывает страницы, кликает и вводит текст, а также читает консоль и сетевые запросы

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

MCP Accessibility Scanner открывает страницу в браузере через Playwright и прогоняет по ней axe-core. Инструмент `scan_page` возвращает нарушения WCAG 2.0, 2.1 и 2.2 с узлами DOM и ссылками на исправления, а при `annotateScreenshot` сохраняет размеченный скриншот. `audit_keyboard` обходит страницу по Tab, `audit_screen_reader` разбирает дерево доступности. Кроме проверок есть обычный набор браузерной автоматизации: навигация, клики, ввод, вкладки, консоль и сеть, загрузка файлов и PDF. В документации сказано, что автоматические проверки не подтверждают соответствие WCAG и ручное тестирование остается обязательным. Сервер запускается из npm, есть образ Docker с Chromium.

Для кого. Фронтенд-разработчикам и QA, которые проверяют доступность своих страниц из Claude Code, Cursor или Codex.

Подходит, если

  • Локальное приложение на порту 3000 проверяется на контраст, ARIA и подписи форм после каждой правки
  • Нужно проверить порядок фокуса при обходе по Tab на странице оформления заказа
  • Отчет о нарушениях сохраняется в каталог `a11y-output` для разбора в pull request
  • Сервер запускается в Docker на CI без установленного Chrome

Не подходит, если

  • Требуется юридическое заключение о соответствии WCAG
  • Нужна проверка с реальным экранным диктором, а у автоматики она неполная
  • Страница закрыта входом, а профиль браузера использовать не нужно

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

Открой http://localhost:3000, запусти scan_page с разметкой скриншота и проверь порядок фокуса через audit_keyboard

MCP

Транспорт
stdio
Авторизация
не нужна

Ограничения

Перед первым запуском нужен Google Chrome, пакет npm его не ставит. Установка требует разрешить скрипт нативной зависимости `re2` флагом `--allow-scripts=re2` на npm 12, а без готового бинарника нужны инструменты сборки. Режим `--isolated` берет чистый профиль и не трогает ваш личный Chrome. Вывод файлов идет в каталог из `--output-dir`, путь лучше задать абсолютным. Автоматические проверки находят только часть проблем доступности, поэтому ручная проверка остается.

Как отключить. Удалите пакет командой `npm uninstall -g mcp-accessibility-scanner` и уберите запись сервера из конфигурации клиента. Для Docker достаточно `claude mcp remove mcp-accessibility-scanner`.

Частые вопросы

Как подключить сканер к Claude Code?

Для Docker выполните `claude mcp add mcp-accessibility-scanner -s user -- docker run -i --rm justasmonkev/mcp-accessibility-scanner`. Для npm добавьте в конфигурацию команду `mcp-accessibility-scanner` с флагами `--headless --isolated`.

Какие нарушения находит проверка?

Проверка использует axe-core и отмечает нарушения критериев WCAG уровней A, AA и AAA по категориям: контраст, ARIA, формы, клавиатура. Каждый случай приходит с узлом страницы и ссылкой на исправление.

Сохраняет ли сервер отчет?

`scan_page` возвращает текст с деталями и при `annotateScreenshot` сохраняет скриншот, но JSON-отчет сам не пишет. Отчеты и находки сохраняют отдельные инструменты в каталог из `--output-dir`.

Он заменяет ручной аудит доступности?

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

Нужен ли Chrome в Docker?

Нет, образ `justasmonkev/mcp-accessibility-scanner` содержит Chromium и настроен для контейнера без дополнительных флагов.

Обсуждение

Вопросов и отзывов пока нет.

MCP-серверы
Официальный

kogiQA MCP дает агенту браузер, который находит элементы страницы без селекторов, для отладки веб-приложений и e2e-тестов

MCP-серверРасширенный доступ88

Плагин из шести скиллов по доступности: проверка страниц, аудит WCAG 2.2 с Playwright, план аудита и дорожная карта улучшений.

ПлагинРасширенный доступ61

Локальный OCR скриншотов: MCP-сервер и SDK для Playwright и Cypress ловят неверный, бледный или пропавший текст

MCP-серверМинимальный доступ94

MCP-сервер на Playwright от сообщества: браузерная автоматизация, скриншоты, эмуляция устройств и генерация тестового кода

MCP-серверРасширенный доступ5,7 тыс.

Коротко о README

README открывается быстрым стартом для агента и первым аудитом из четырех вызовов инструментов. Далее идут возможности, установка через npm и Docker, настройки клиентов и режим интерактивной консоли.

Бейдж для README

Сообщить о проблеме