mcp-accessibility-scanner

mcp-accessibility-scanner

JustasMonkevMIT
52 звёзд13 форков
Автоматический сканер доступности для ИИ-ассистентов. Находит ошибки WCAG на веб-страницах. В основе лежат Playwright и Axe-core. Разработчики и QA-инженеры подключают сервер к Claude, VS Code или другим MCP-клиентам. Ассистент открывает страницу, запускает проверку и возвращает структурированный отчёт с рекомендациями. Сервер подходит для точечных проверок и регулярных прогонов в CI/CD.
BrowserPlaywright
Открыть на GitHub

Установка

npx -y mcp-accessibility-scanner

Характеристики

Общее

  • СтатусСообщество
  • РазработчикJustasMonkev
  • ЛицензияMIT

Технологии

  • Языки
    TypeScript
  • Транспорт
    stdio

Описание

Возможности

  • Проверка соответствия WCAG 2.0, 2.1 и 2.2 на уровнях A, AA и AAA.
  • Генерация JSON-отчётов с описанием каждой ошибки и готовыми рекомендациями по исправлению.
  • Фильтрация нарушений по категориям: цветовой контраст, ARIA-атрибуты, формы, клавиатурная навигация.
  • Управление браузером: клики, ввод текста, наведение мыши, перетаскивание элементов.
  • Снятие скриншотов страниц и отдельных элементов для визуальной разметки ошибок.
  • Сохранение результатов проверки в PDF для передачи заказчику.
  • Мониторинг консольных сообщений и сетевых запросов во время сканирования.
  • Ожидание загрузки динамического контента перед началом анализа.
  • Обработка файловых диалогов и загрузка файлов в формы.
  • Управление несколькими вкладками для проверки многостраничных сценариев.

Как подключить

1. Установите сервер через npm или запускайте без установки через npx:

npx -y mcp-accessibility-scanner

2. Добавьте конфигурацию в MCP-клиент.

Для Claude Desktop отредактируйте файл claude_desktop_config.json:

{ "mcpServers": { "accessibility-scanner": { "command": "npx", "args": ["-y", "mcp-accessibility-scanner"] } } }

Для VS Code используйте команду:

code --add-mcp '{"name":"accessibility-scanner","command":"npx","args":["mcp-accessibility-scanner"]}'

3. Перезапустите клиент. Ассистент автоматически получит доступ к инструментам сервера.

Также доступен Docker-образ:

docker pull justasmonkev/mcp-accessibility-scanner

Примеры запросов

«Проверь страницу https://example.com на соответствие WCAG 2.2 уровня AA и покажи все ошибки с рекомендациями.»

«Сделай скриншот главной страницы и отметь на нём элементы с недостаточной цветовой контрастностью.»

«Найди на странице все элементы, которые не фокусируются с клавиатуры, и сформируй JSON-отчёт.»

«Открой страницу логина, введи тестовые данные, нажми кнопку входа и проверь доступность новой страницы.»

Технические детали

  • Язык: TypeScript
  • Транспорт: stdio
  • Лицензия: MIT
  • Совместимость: Claude Desktop, Claude Code, VS Code, Continue и любые другие MCP-клиенты

Поделиться