MCP Accessibility Scanner

MCP Accessibility Scanner

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

Подключить MCP Accessibility Scanner

Выберите способ запуска и свой MCP-клиент. Ниже останется одна готовая инструкция, которую можно проверить и скопировать.

1

Способ подключения

2

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

3

Скопируйте и проверьте

Claude Desktop / Claude Code

Клиент запускает MCP-сервер как локальный процесс.

  1. 1.Откройте настройки MCP в Claude.
  2. 2.Добавьте сервер с указанной командой и переменными окружения.
  3. 3.Перезапустите Claude, если сервер не появился автоматически.
json
{
  "mcpServers": {
    "mcp-accessibility-scanner": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-accessibility-scanner"
      ]
    }
  }
}

Сгенерировано из существующей команды запуска. Желательно сверить с README.

Инструкция собрана из данных карточки и пока не отмечена как проверенная редакцией. Сверьте команду с README источника и не передавайте лишние права или секреты.

Как оценить MCP Accessibility Scanner

MCP Accessibility Scanner относится к Браузеры, Playwright. Ниже собраны проверяемые признаки, по которым его можно сравнить с другими серверами каталога.

Происхождение
Проект сообщества
Лицензия
MIT
Реализация
TypeScript
Транспорт
stdio

Что проверить перед выбором

  • Изучите README, открытые issues и историю последних изменений в репозитории.
  • Проверьте команду установки и зависимости перед запуском в рабочем окружении.
  • Ограничьте доступ MCP-сервера только нужными файлами, API и переменными окружения.

Карточка отредактирована 20.07.2026.

Автоматическая проверка источника ещё не выполнена. Внешних источников в карточке: 1.

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

Общее

  • СтатусСообщество
  • Разработчик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-клиенты

Поделиться