Сканер доступности MCP

Сканер доступности MCP 🔍

Сервер Model Context Protocol (MCP), который обеспечивает автоматическое сканирование веб-доступности с использованием Playwright и Axe-core. Этот сервер позволяет LLM выполнять проверки соответствия WCAG, делать аннотированные снимки экрана и генерировать подробные отчеты о доступности.

Функции

✅ Полная проверка соответствия WCAG 2.1/2.2
🖼️ Автоматический снимок экрана с выделением нарушений
📄 Подробные отчеты JSON с рекомендациями по устранению неполадок

Установка

Вы можете установить пакет любым из этих способов:

Использование npm:

npm install -g mcp-accessibility-scanner

Установка докера

Проект включает Dockerfile, который устанавливает все необходимые зависимости, включая Node.js v22 и Python 3.13.

Создайте образ Docker:

docker build -t mcp-server . 

Запустите контейнер:

docker run -it -e MCP_PROXY_DEBUG=true mcp-server

Вы также можете запустить его в фоновом режиме:

docker run -d -p 3000:3000 mcp-server

Установка в VS Code

Установите сканер доступности в VS Code с помощью VS Code CLI:

Для VS-кода:

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

Для инсайдеров VS Code:

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

Конфигурация

Вот конфигурация Claude Desktop:

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

Использование

Сканер предоставляет единственный инструмент scan_accessibility , который принимает:

url : URL-адрес веб-страницы для сканирования (обязательно)
violationsTag : Массив тегов нарушения доступности для проверки (обязательно)
viewport : Необязательный объект для настройки размера области просмотра.
- width : число (по умолчанию: 1920)
- height : число (по умолчанию: 1080)
shouldRunInHeadless : необязательное логическое значение для управления режимом headless (по умолчанию: true)

Примечание: при запуске сканирования аннотированный снимок экрана, на котором отмечены любые нарушения доступности, будет автоматически сохранен в папке загрузок.

Пример использования в Клоде:

Could you scan example.com for accessibility issues related to color contrast?

Расширенный пример с пользовательскими параметрами:

Could you scan example.com for accessibility issues with a viewport of 1280x720 and show the browser window?

Разработка

Клонируйте и настройте проект:

git clone https://github.com/JustasMonkev/mcp-accessibility-scanner.git
cd mcp-accessibility-scanner
npm install

Запустите компилятор TypeScript в режиме наблюдения:

npm run watch

Протестируйте сервер MCP локально:

npm run inspector

Разработка Докера

Для разработки с использованием Docker:

Создайте образ разработки:

docker build -t mcp-server-dev .

Запустите с монтированием тома для оперативного изменения кода:

docker run -it -v $(pwd):/app -p 3000:3000 -e MCP_PROXY_DEBUG=true mcp-server-dev

Структура проекта

├── src/              # Source code
│   ├── index.ts     # MCP server setup and tool definitions
│   └── scanner.ts   # Core scanning functionality
├── build/           # Compiled JavaScript output
├── Dockerfile       # Docker configuration for containerized setup
├── package.json     # Project configuration and dependencies
└── tsconfig.json    # TypeScript configuration

Лицензия

Массачусетский технологический институт

Install Server

HTTP connection URL

security – no known vulnerabilities

license - permissive license

quality - confirmed to work

How are these scores calculated?

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Tools

scan_accessibility

Обеспечивает автоматическое сканирование доступности веб-сайтов на предмет соответствия WCAG с использованием Playwright и Axe-core, предоставляя визуальные и JSON-отчеты с рекомендациями по устранению неполадок.

Related Resources

Reddit Discussion about this server

Related MCP Servers

Web Accessibility MCP Server
bilhasry-deriv
A
security
A
license
A
quality
Provides web accessibility analysis and color blindness simulation using axe-core and Puppeteer, enabling detailed accessibility checks and visual simulations based on WCAG guidelines.
Last updated -
2
1
JavaScript
MIT License
Cursor A11y MCP
westsideori
A
security
A
license
A
quality
Provides accessibility testing capabilities through CLI, helping identify accessibility issues in web applications using axe-core and Puppeteer.
Last updated -
1
JavaScript
MIT License
a11y-mcp
priyankark
-
security
-
license
-
quality
An MCP (Model Context Protocol) server for performing accessibility audits on webpages using axe-core. Use the results in an agentic loop with your favorite AI assistants (Cline/Cursor/GH Copilot) and let them fix a11y issues for you!
Last updated -
JavaScript
Mozilla Public License 2.0
Playwright MCP
markbustamante77
A
security
A
license
A
quality
A Model Context Protocol server that provides browser automation capabilities using Playwright, enabling LLMs to interact with web pages through structured accessibility snapshots without requiring screenshots or vision models.
Last updated -
21
70,036
TypeScript
Apache 2.0

View all related MCP servers

MCP Accessibility Scanner