ronantakizawa/a11ymcp

ronantakizawa/a11ymcp

от ronantakizawa
MCP сервер с Axe-core и Puppeteer для тестирования веб-доступности: проверяет URL и HTML-фрагменты на WCAG (2.0-2.2), оценивает цветовой контраст, ARIA-атрибуты и ориентацию. Полезен разработчикам ...

Web Accessibility-Testing MCP Server (A11y MCP)

Web Accessibility Testing MCP - Give LLMs access to web accessibility testing APIs | Product Hunt

MseeP.ai Security Assessment Badge

Verified on MseeP

https://github.com/user-attachments/assets/316c6d44-e677-433e-b4d5-63630b4bab2b

A11y MCP is an MCP (Model Context Protocol) server that gives LLMs access to web accessibility testing APIs.

This server uses the Deque Axe-core API and Puppeteer to allow LLMs to analyze web content for WCAG compliance and identify accessibility issues.

Note: This is not an official MCP server from Deque Labs.

Features

  • Test web pages: Test any public URL for accessibility issues with customizable viewport dimensions
  • Test HTML snippets: Test raw HTML strings for accessibility issues
  • WCAG compliance testing: Check content against various WCAG standards (2.0, 2.1, 2.2)
  • Customizable tests: Specify which accessibility tags/standards to test against
  • Rule exploration: Get information about available accessibility rules
  • Color contrast analysis: Check color combinations for WCAG compliance
  • ARIA validation: Test proper usage of ARIA attributes
  • Orientation lock detection: Identify content that forces specific screen orientations

Часто задаваемые вопросы

Инструменты были проиндексированы:
check_aria_attributes

Проверяет, правильно ли используются ARIA-атрибуты в HTML.

Параметры
  • htmlstringобязательный

    HTML-контент для тестирования использования ARIA-атрибутов.

check_color_contrast

Проверяет, соответствует ли комбинация цветов переднего плана и фона требованиям контрастности WCAG

Параметры
  • backgroundstringобязательный

    Цвет фона в различных форматах (например, "#FFFFFF", "#FFF", "rgb(255,255,255)", "hsv(0,0%,100%)")

  • fontSizenumber

    Размер шрифта в пикселях

  • foregroundstringобязательный

    Цвет переднего плана в различных форматах (например, "#000000", "#000", "rgb(0,0,0)", "hsv(0,0%,0%)")

  • isBoldboolean

    Жирный ли текст

check_orientation_lock

Проверяет, принуждает ли контент к конкретной ориентации.

Параметры
  • htmlstringобязательный

    HTML-контент для проверки проблем с блокировкой ориентации

get_rules

Получает информацию о доступных правилах доступности с опциональной фильтрацией

Параметры
  • tagsstring[]

    Фильтруйте правила по этим тегам (например, "wcag2a", "wcag2aa", "best-practice")

test_accessibility

Тестирует веб-страницу на наличие проблем с доступностью с помощью Axe-core.

Параметры
  • heightnumber

    Высота области просмотра в пикселях (по умолчанию: 800)

  • tagsstring[]

    Необязательный массив тегов доступности для тестирования (например, "wcag2a", "wcag2aa", "wcag21a")

  • urlstringобязательный

    URL веб-страницы для тестирования

  • widthnumber

    Ширина области просмотра в пикселях (по умолчанию: 1280)

test_html_string

Тестирует HTML-строку на наличие проблем с доступностью

Параметры
  • heightnumber

    Высота области просмотра в пикселях (по умолчанию: 800)

  • htmlstringобязательный

    HTML-контент для тестирования

  • tagsstring[]

    Необязательный массив тегов доступности для тестирования (например, "wcag2a", "wcag2aa", "wcag21a")

  • widthnumber

    Ширина области просмотра в пикселях (по умолчанию: 1280)

1.1.0основная
1.0.14
1.0.13
1.0.11
1.0.10
1.0.9
1.0.8
1.0.7
1.0.6
1.0.5
1.0.4
1.0.3
1.0.2
1.0.1
1.0.0

Выберите клиент, чтобы установить ronantakizawa/a11ymcp:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

{
  "mcpServers": {
    "ronantakizawa-a11ymcp-p0ltx9v2fj": {
      "args": [
        "-y",
        "a11y-mcp-server"
      ],
      "command": "npx"
    }
  }
}
CursorCursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

{
  "mcpServers": {
    "ronantakizawa-a11ymcp-p0ltx9v2fj": {
      "args": [
        "-y",
        "a11y-mcp-server"
      ],
      "command": "npx"
    }
  }
}
VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "ronantakizawa-a11ymcp-p0ltx9v2fj": {
      "type": "stdio",
      "args": [
        "-y",
        "a11y-mcp-server"
      ],
      "command": "npx"
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"ronantakizawa-a11ymcp-p0ltx9v2fj\",\"type\":\"stdio\",\"args\":[\"-y\",\"a11y-mcp-server\"],\"command\":\"npx\"}"
ClaudeClaude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

{
  "mcpServers": {
    "ronantakizawa-a11ymcp-p0ltx9v2fj": {
      "args": [
        "-y",
        "a11y-mcp-server"
      ],
      "command": "npx"
    }
  }
}
Claude CodeClaude Code

Добавьте сервер одной командой в терминале:

claude mcp add ronantakizawa-a11ymcp-p0ltx9v2fj -- npx -y a11y-mcp-server

Либо через JSON-конфиг:

claude mcp add-json ronantakizawa-a11ymcp-p0ltx9v2fj "{\"args\":[\"-y\",\"a11y-mcp-server\"],\"command\":\"npx\"}"
CodexCodex

Добавьте сервер командой в терминале:

codex mcp add ronantakizawa-a11ymcp-p0ltx9v2fj -- npx -y a11y-mcp-server

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.ronantakizawa-a11ymcp-p0ltx9v2fj]
command = "npx"
args = ["-y", "a11y-mcp-server"]
PerplexityPerplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

  1. Откройте Настройки аккаунта → Connectors.
  2. Установите вспомогательное приложение PerplexityXPC (один раз).
  3. Нажмите Add Connector → вкладка Simple.
  4. В поле Server Name укажите ronantakizawa/a11ymcp, а в поле команды запуска — строку ниже:
npx -y a11y-mcp-server

Нажмите Save и дождитесь статуса Running.

WindsurfWindsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "ronantakizawa-a11ymcp-p0ltx9v2fj": {
      "args": [
        "-y",
        "a11y-mcp-server"
      ],
      "command": "npx"
    }
  }
}
ClineCline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "ronantakizawa-a11ymcp-p0ltx9v2fj": {
      "args": [
        "-y",
        "a11y-mcp-server"
      ],
      "command": "npx",
      "disabled": false,
      "autoApprove": []
    }
  }
}
Continue

Создайте файл в .continue/mcpServers/ (например ronantakizawa-a11ymcp-p0ltx9v2fj.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: ronantakizawa-a11ymcp-p0ltx9v2fj
    command: npx
    args:
      - "-y"
      - "a11y-mcp-server"
Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "ronantakizawa-a11ymcp-p0ltx9v2fj": {
      "args": [
        "-y",
        "a11y-mcp-server"
      ],
      "command": "npx"
    }
  }
}

Похожие MCP-сервера

sonarsource/sonarqube-mcp-server

sonarsource/sonarqube-mcp-server

от sonarsource

Сервер SonarQube MCP подключает анализ качества кода и безопасности к AI-агентам. Разработчики проверяют код прямо из агента, используя SonarQube Cloud или Server, и анализируют фрагменты без переключений.

Java⭐ 665
hijaz/postmancer

hijaz/postmancer

от hijaz

Postmancer — MCP сервер для тестирования REST API, аналог Postman для ИИ. Отправляет HTTP запросы, управляет коллекциями, подставляет переменные окружения, поддерживает аутентификацию (Basic, Bearer, API Key, OAuth2). Полезен разработчикам для интеграции AI в тестирование.

TypeScript⭐ 29
cocaxcode/api-testing-mcp

cocaxcode/api-testing-mcp

от cocaxcode

Полноценный MCP сервер для тестирования API: 42 инструмента без настройки. HTTP-запросы с проверками, цепочки и импорт OpenAPI. Также генерация моков, нагрузочное тестирование и сравнение ответов, всё из диалога. Для разработчиков и тестировщиков.

TypeScript⭐ 11
Nishant-Chaudhary5338/mcp-toolkit

Nishant-Chaudhary5338/mcp-toolkit

от nishant-chaudhary5338

MCP сервер mcp-react-toolkit автоматизирует разработку на React и TypeScript: генерирует компоненты из shadcn/ui, проверяет типы, доступность и тесты, мигрирует JS→TS, аудирует зависимости и бандл....

TypeScript⭐ 3
eyaushev/swagger-testcase-mcp

eyaushev/swagger-testcase-mcp

от eyaushev

Автоматически генерирует тест-кейсы из Swagger/OpenAPI спецификаций. Анализирует параметры, ограничения и схемы, создавая тесты 8 категорий для ручного тестирования или импорта в TMS, ускоряя подго...

TypeScript⭐ 2
hungthai1401/bruno-mcp

hungthai1401/bruno-mcp

от hungthai1401

Запускает Bruno-коллекции, возвращает детальный отчёт: статус, упавшие тесты, тайминги. Поддерживает environment-файлы и переменные окружения.

JavaScript⭐ 44
© Каталог MCP, 2026. Все права защищены.
Проект не аффилирован с Anthropic и любыми упомянутыми продуктами.
Все названия и торговые марки принадлежат их владельцам.
Контакты для связи: hi@mcp-katalog.ru

Лука Никитин