A11y MCP 서버

axe-core를 사용하여 웹페이지 접근성 감사를 수행하는 MCP(모델 컨텍스트 프로토콜) 서버입니다. 좋아하는 AI 비서(Cline/Cursor/GH Copilot)와 함께 에이전트 루프에서 결과를 사용하여 11y 문제를 해결해 보세요!

특징

• 모든 웹페이지에 대한 자세한 접근성 감사를 수행합니다.

• 접근성 문제 요약을 받으세요

• 특정 WCAG 기준에 따른 감사 필터링

• 디버깅을 더 쉽게 하기 위해 결과에 HTML 스니펫을 포함합니다.

Related MCP server: Cursor A11y MCP

설치

지엑스피1

구성

이 MCP 서버를 Cline과 함께 사용하려면 MCP 설정 구성 파일에 추가해야 합니다.

MCP 구성

mcpServers 개체에 다음을 추가합니다.

{
  "mcpServers": {
    "a11y": {
      "command": "npx",
      "args": ["a11y-mcp"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

사용 가능한 도구

감사_웹페이지

웹페이지에 대한 자세한 접근성 감사를 수행합니다.

매개변수:

• url (필수): 감사할 웹페이지의 URL

• includeHtml (선택 사항): 결과에 HTML 스니펫을 포함할지 여부(기본값: false)

• tags (선택 사항): 확인할 특정 접근성 태그 배열(예: wcag2a, wcag2aa, wcag21a, best-practice)

예:

Use the a11y MCP server to audit example.com for accessibility issues

요약 받기

웹페이지의 접근성 문제에 대한 요약을 가져옵니다.

매개변수:

• url (필수): 감사할 웹페이지의 URL

예:

Give me an accessibility summary of example.com

사용 예

구성이 완료되면 Claude에게 MCP 서버를 사용하여 접근성 감사를 수행하도록 요청할 수 있습니다.

1. "example.com의 접근성 문제를 확인해 주실 수 있나요?"

2. " https://mywebsite.com 에서 내 웹사이트의 WCAG 2.1 AA 규정 준수 여부를 감사합니다."

3. " https://example.com 의 접근성 문제에 대한 요약을 알려주세요."

4. " http://localhost:3000 에 있는 내 로컬 개발 서버에 심각한 접근성 문제가 있는지 확인하세요"

개발

개발을 위해 서버를 로컬로 실행하려면:

npm start

출시

이 프로젝트에는 버전 관리 및 npm 게시를 지원하는 릴리스 스크립트가 포함되어 있습니다. 이 스크립트는 버전 관리, 테스트 실행, git 태그 지정, npm 게시 기능을 처리합니다.

새 버전을 출시하려면:

# Make sure the script is executable
chmod +x release.sh

# Release a patch version (default)
./release.sh

# Release a minor version
./release.sh --minor

# Release a major version
./release.sh --major

# Release a specific version
./release.sh --version=1.2.3

# Skip git operations
./release.sh --skip-git

# Dry run (no changes will be made)
./release.sh --dry-run

# Force release even with uncommitted changes
./release.sh --force

자세한 내용을 보려면 다음을 실행하세요.

./release.sh --help

특허

엠플 2.0

크레딧

이 프로젝트는 axe-core가 수행한 놀라운 작업을 기반으로 구축되었습니다.