A11y MCP의 주요 기능은 무엇입니까?

주요 기능으로는 접근성 문제에 대한 웹 페이지 및 HTML 스니펫 테스트, WCAG 준수 테스트(2.0, 2.1, 2.2), 사용자 정의 가능한 접근성 테스트, 규칙 탐색, 색상 대비 분석, ARIA 유효성 검사 및 방향 잠금 감지가 있습니다.

A11y MCP에서 사용할 수 있는 테스트 도구는 무엇입니까?

A11y MCP는 다음과 같은 여러 테스트 도구를 제공합니다. test_accessibility(URL 테스트용), test_html_string(HTML 콘텐츠 테스트용), get_rules(접근성 규칙 정보용), check_color_contrast(WCAG 대비 요구 사항용) 및 check_orientation_lock(방향 문제용).

Deque Labs의 공식 도구입니까?

아니요, 문서에 명시적으로 명시된 바와 같이 Deque Axe-core API를 사용하지만 Deque Labs의 공식 MCP 서버는 아닙니다.

Web Accessibility Testing MCP

Q: A11y MCP를 설치하고 구성하는 방법은 무엇입니까?

Claude Desktop에서 A11y MCP를 사용하려면 운영 체제에 따라 MCP 설정 파일을 편집해야 합니다. macOS의 경우: '~/Library/Application Support/Claude/claude_desktop_config.json', Windows의 경우: '%APPDATA%\\Claude\\settings\\claude_mcp_settings.json', Linux의 경우: '~/.config/Claude/settings/claude_mcp_settings.json'. npx 명령과 a11y-mcp-server 인수를 사용하여 'a11y-accessibility'에 대한 구성을 추가합니다.

WebsiteFreeAI Testing & QA AI Web Scraper

A11y MCP는 AI 언어 모델이 Deque의 Axe-core API 및 Puppeteer와 통합하여 웹 콘텐츠를 분석하여 WCAG 준수를 확인하여 자동화된 웹 접근성 테스트를 수행할 수 있도록 하는 모델 컨텍스트 프로토콜 서버입니다.

웹사이트 방문

이 도구 광고하기

https://github.com/ronantakizawa/a11ymcp?ref=producthunt&utm_source=aipure

개요
동영상
대안

제품 정보

업데이트됨:Jan 15, 2026

Web Accessibility Testing MCP이란?

Web Accessibility Testing MCP(A11y MCP)는 AI 언어 모델과 웹 접근성 테스트 기능 간의 격차를 해소하는 오픈 소스 도구입니다. 모델 컨텍스트 프로토콜(MCP) 서버로 구축되어 AI 어시스턴트가 전문적인 접근성 테스트 API 및 도구에 직접 액세스할 수 있도록 합니다. 이 서버는 Deque의 Axe-core API와 Puppeteer를 활용하여 웹 페이지 및 HTML 콘텐츠에 대한 포괄적인 접근성 감사를 수행하여 웹 콘텐츠 접근성 지침(WCAG) 표준 2.0, 2.1 및 2.2를 준수하는지 확인합니다.

Web Accessibility Testing MCP의 주요 기능

Web Accessibility Testing MCP (A11y MCP)는 AI 언어 모델이 웹사이트 및 HTML 콘텐츠에 대한 자동 접근성 테스트를 수행할 수 있도록 하는 모델 컨텍스트 프로토콜 서버입니다. Deque의 Axe-core API 및 Puppeteer와 통합되어 WCAG 준수를 위해 웹 콘텐츠를 분석하고, 색상 대비 비율을 확인하고, ARIA 속성의 유효성을 검사하고, 접근성 문제를 식별하는 동시에 자세한 보고서 및 수정 지침을 제공합니다.

포괄적인 WCAG 테스트: 여러 WCAG 표준(2.0, 2.1, 2.2)에 대해 콘텐츠를 테스트하고 특정 수정 권장 사항이 포함된 자세한 위반 보고서를 제공합니다.

유연한 테스트 옵션: 공개 URL 및 원시 HTML 스니펫 테스트를 모두 지원하여 개발자가 개발의 모든 단계에서 접근성을 확인할 수 있습니다.

고급 색상 분석: WCAG 준수를 위해 글꼴 크기 및 굵기를 고려하여 전경 요소와 배경 요소 간의 자세한 색상 대비 분석을 수행합니다.

ARIA 유효성 검사: 스크린 리더 호환성을 보장하기 위해 ARIA 속성 및 역할의 적절한 구현을 검증합니다.

Web Accessibility Testing MCP의 사용 사례

개발 통합: 개발자는 접근성 테스트를 IDE 워크플로우에 직접 통합하여 개발 프로세스 초기에 문제를 발견할 수 있습니다.

규정 준수 감사: 조직은 웹사이트에 대한 자동 접근성 감사를 수행하여 접근성 표준 및 규정을 준수하는지 확인할 수 있습니다.

콘텐츠 관리: 콘텐츠 제작자는 HTML 콘텐츠가 게시하기 전에 접근성 요구 사항을 충족하는지 확인할 수 있습니다.

교육 도구: 접근성 문제 및 해결 방법에 대한 즉각적인 피드백을 제공하여 웹 접근성에 대한 팀과 학생들을 교육합니다.

장점

MCP 프로토콜을 통한 AI 언어 모델과의 원활한 통합

특정 수정 단계가 포함된 자세하고 실행 가능한 피드백 제공

여러 테스트 시나리오(URL, HTML 스니펫) 및 표준 지원

단점

로컬 설정 및 구성이 필요합니다.

Deque Labs의 공식 도구가 아닙니다.

사용자 상호 작용 테스트 없이 정적 분석으로 제한됩니다.

Web Accessibility Testing MCP 사용 방법

MCP 설정 설치 및 구성: OS에 따라 MCP 설정 파일을 편집합니다. macOS의 경우: '~/Library/Application Support/Claude/claude_desktop_config.json', Windows의 경우: '%APPDATA%\\Claude\\settings\\claude_mcp_settings.json', Linux의 경우: '~/.config/Claude/settings/claude_mcp_settings.json'

서버 구성 추가: 다음 구성을 MCP 설정 파일에 추가합니다. { "mcpServers": { "a11y-accessibility": { "command": "npx", "args": [ "-y", "a11y-mcp-server" ] } } }

URL 접근성 테스트: URL 매개변수를 제공하여 test_accessibility 도구를 사용합니다. { "url": "https://example.com", "tags": ["wcag2aa"] }

HTML 문자열 테스트: test_html_string 도구를 사용하여 원시 HTML 콘텐츠를 테스트합니다. { "html": "<div><img src='image.jpg'></div>", "tags": ["wcag2aa"] }

색상 대비 확인: check_color_contrast 도구를 사용하여 WCAG 대비 요구 사항을 확인합니다. { "foreground": "#777777", "background": "#EEEEEE", "fontSize": 16, "isBold": false }

ARIA 속성 유효성 검사: HTML 콘텐츠로 ARIA 속성 사용을 테스트합니다. { "html": "<div role='button' aria-pressed='false'>Click me</div>" }

방향 잠금 확인: HTML 콘텐츠에서 방향 잠금 문제를 테스트합니다. { "html": "<html><head><meta name='viewport' content='width=device-width, orientation=portrait'></head><body>Content</body></html>" }

테스트 결과 검토: 위반 사항, 통과, 불완전한 테스트 및 발견된 접근성 문제에 대한 자세한 정보가 포함된 JSON 응답을 분석합니다.

Web Accessibility Testing MCP 자주 묻는 질문

A11y MCP는 웹 접근성 테스트를 수행할 수 있도록 LLM(대규모 언어 모델)을 지원하는 MCP(모델 컨텍스트 프로토콜) 서버입니다. Deque Axe-core API와 Puppeteer를 사용하여 웹 콘텐츠를 분석하여 WCAG 준수 여부를 확인하고 접근성 문제를 식별합니다.