자동화 접근성 테스트 도구
한국어 해설 KO
axe, WAVE, Lighthouse 등 자동화 도구의 특징과 한계를 학습합니다.
학습 목표
주요 자동화 접근성 테스트 도구를 나열할 수 있다
자동화 도구의 한계를 설명할 수 있다
CI/CD 파이프라인에 접근성 테스트를 통합하는 방법을 이해한다
자동화 vs 수동 테스트의 역할 차이를 설명할 수 있다
주요 자동화 도구: axe(Deque Systems) — 브라우저 확장, API, CI 통합 지원. 업계 표준 엔진. WAVE(WebAIM) — 시각적으로 페이지 위에 오류를 표시. 교육적 용도에 적합. Lighthouse(Google) — Chrome DevTools 내장, 접근성 외에 성능·SEO도 점검. Pa11y — 커맨드라인 도구, CI/CD 통합에 강점.
자동화 도구의 한계: 전체 접근성 이슈의 약 30~40%만 발견 가능합니다. 감지 가능: 누락된 alt, 색상 대비 부족, 빈 링크, 중복 ID, 누락 레이블. 감지 불가: alt 텍스트의 적절성, 키보드 탐색 순서의 논리성, 포커스 관리, 콘텐츠의 이해 가능성, 시각적 정보의 논리적 순서.
CI/CD 통합: axe-core를 Jest, Cypress, Playwright 등의 테스트 프레임워크와 통합하여 PR마다 자동 접근성 검사를 실행합니다. 자동화 테스트를 '게이트키퍼'로 사용해 새로운 접근성 문제 유입을 방지하고, 기존 이슈는 수동 감사로 발견합니다.
자동화와 수동 테스트의 상호보완: 자동화 도구는 빠르고 반복 가능한 기술적 검사에 강합니다. 수동 테스트는 사용자 경험, 맥락, 의미론적 정확성을 평가합니다. 최선의 전략은 자동화 → 수동 → 사용자 테스트를 병행하는 것입니다.
Original Text EN
Learn about automated tools like axe, WAVE, and Lighthouse, and their limitations.
Learning Objectives
List major automated accessibility testing tools
Explain the limitations of automated tools
Understand how to integrate accessibility testing into CI/CD pipelines
Describe the different roles of automated vs manual testing
Major automated tools: axe (Deque Systems) — browser extension, API, CI integration, industry-standard engine. WAVE (WebAIM) — visually overlays errors on the page, great for education. Lighthouse (Google) — built into Chrome DevTools, checks accessibility plus performance and SEO. Pa11y — command-line tool, strong CI/CD integration.
Limitations of automated tools: They can detect only about 30-40% of accessibility issues. Detectable: missing alt, insufficient contrast, empty links, duplicate IDs, missing labels. Not detectable: appropriateness of alt text, logical keyboard navigation order, focus management, content understandability, logical visual reading order.
CI/CD integration: Integrate axe-core with test frameworks like Jest, Cypress, or Playwright to run automated accessibility checks on every PR. Use automated testing as a 'gatekeeper' to prevent new accessibility issues while relying on manual audits for existing ones.
Complementary roles: Automated tools excel at fast, repeatable technical checks. Manual testing evaluates user experience, context, and semantic accuracy. The best strategy combines automated → manual → user testing.