a11y-mcp

A11y MCP 서버

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

특징

• 모든 웹페이지에 대한 자세한 접근성 감사를 수행합니다.
• 접근성 문제 요약을 받으세요
• 특정 WCAG 기준에 따른 감사 필터링
• 디버깅을 더 쉽게 하기 위해 결과에 HTML 스니펫을 포함합니다.

설치

지엑스피1

구성

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

MCP 구성

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

사용 가능한 도구

감사_웹페이지

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

매개변수:

• url (필수): 감사할 웹페이지의 URL
• includeHtml (선택 사항): 결과에 HTML 스니펫을 포함할지 여부(기본값: false)
• tags (선택 사항): 확인할 특정 접근성 태그 배열(예: wcag2a, wcag2aa, wcag21a, best-practice)

예:

요약 받기

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

매개변수:

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

예:

사용 예

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

1. "example.com의 접근성 문제를 확인해 주실 수 있나요?"
2. " https://mywebsite.com 에서 내 웹사이트의 WCAG 2.1 AA 규정 준수 여부를 감사합니다."
3. " https://example.com 의 접근성 문제에 대한 요약을 알려주세요."
4. " http://localhost:3000 에 있는 내 로컬 개발 서버에 심각한 접근성 문제가 있는지 확인하세요"

개발

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

출시

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

새 버전을 출시하려면:

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

특허

엠플 2.0

크레딧

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