무료 웹 접근성 도구

WCAG 2.2 검사기

WCAG 2.2 레벨 A 및 AA의 성공 기준 55개 각각에서 사이트가 어떤 상태인지 확인하십시오. 모든 기준에 네 가지 상태 중 하나가 표시되므로, 자동 테스트가 다룬 범위와 사람이 아직 확인해야 할 부분을 구분할 수 있습니다.

무료입니다. 주요 페이지를 최대 5개까지 약 1분 만에 테스트합니다.

이 도구가 점검하는 항목

  • 레벨 A와 AA의 모든 성공 기준

    레벨 A 31개와 레벨 AA 24개, 총 55개 기준을 WCAG 순서대로 번호와 이름과 함께 보여 드립니다. 4.1.1 구문 분석(Parsing)은 WCAG 2.2에서 폐기된 것으로 표시되어 있으므로 제외합니다.

  • 성공 기준에 연결한 자동 테스트 결과

    입력한 페이지와 주요 페이지 최대 4개에서 axe-core 규칙을 실행하고, 각 결과를 그 규칙이 테스트하는 성공 기준에 연결합니다. 테스트한 페이지 중 어느 한 곳에서라도 해당 기준의 규칙이 하나라도 실패하면 그 기준은 실패입니다.

  • 키보드 테스트 근거

    첫 페이지에서 Tab 키를 40번 누르는 테스트 결과를 2.1.2 키보드 트랩 없음에 반영하고, 휴리스틱 판정으로서 검토용으로 2.4.7 포커스 표시에도 반영합니다.

  • 판정하지 못한 결과는 따로 표시

    이미지 위의 텍스트처럼 규칙이 판정을 내리지 못하면, 해당 기준은 통과나 실패 대신 “검토 필요”로 표시됩니다.

  • 점수 대신 공백을 그대로 표시

    어떤 자동 규칙도 다루지 않는 기준은 “수동 점검”으로 표시합니다. 테스트하지 않은 부분을 가려 버리는 백분율 같은 평균값은 내지 않습니다.

점검할 수 없는 항목

  • 1.4.10 리플로, 1.4.11 텍스트가 아닌 콘텐츠의 대비, 자막과 화면 해설에 관한 1.2의 기준들, 입력 오류에 관한 3.3.1부터 3.3.4까지처럼 사람의 판단이 필요한 기준은 판정할 수 없습니다.
  • “자동 검사 실패 없음”을 통과로 바꿀 수 없습니다. 실행되어 통과한 규칙은 그 규칙이 테스트하는 내용만 다룹니다.
  • 적합성 주장, 접근성 성명서, VPAT를 만들 수 없습니다. 적합성은 사람이 전체 페이지와 완전한 프로세스를 기준으로 판단합니다.
  • 레벨 AAA나 스캔에 포함된 5개 페이지 외의 페이지는 테스트할 수 없습니다.
  • 3.3.7 중복 입력, 3.3.8 접근 가능한 인증 같은 기준이 주로 적용되는 로그인이나 결제 과정 뒤의 단계에는 도달할 수 없습니다.

중요한 이유

WCAG는 성공 기준 단위로 작성되어 있으며, 감사 담당자, 조달 팀, 접근성 성명서도 이 방식으로 사이트를 설명합니다. 실패한 규칙 목록은 무엇을 고쳐야 하는지 알려 줍니다. 성공 기준별 보기는 사이트에 대해 지금 말할 수 있는 것과 아직 말할 수 없는 것을 알려 줍니다.

자동화 도구가 다룰 수 있는 것은 레벨 A 및 AA 기준의 절반에도 못 미칩니다. axe-core는 55개 중 약 25개 기준에 규칙을 연결합니다. 나머지에는 신뢰할 만한 자동 테스트가 없습니다. 오류 메시지가 수정 방법을 제안하는지(3.3.3), 너비 320 CSS 픽셀에서도 페이지가 제대로 작동하는지(1.4.10)는 소프트웨어가 판단할 수 없습니다. 이런 기준을 수동 점검으로 표시하면 아직 테스트가 필요한 곳이 드러납니다.

자동 검사 실패가 없는 기준도 실패일 수 있습니다. 1.1.1 텍스트가 아닌 콘텐츠의 규칙은 이미지에 대체 텍스트가 있는지 확인할 뿐, alt="IMG_2041.jpg"가 사진을 볼 수 없는 사람에게 아무 쓸모가 없다는 것은 알 수 없습니다.

결과 해석 방법

실패
이 기준에 연결된 자동 규칙 중 하나 이상이 테스트한 페이지에서 실패했습니다. 확실한 문제이며, 웹 접근성 검사기에서 그 원인이 되는 요소와 페이지를 확인할 수 있습니다.
검토 필요
그라데이션 위 텍스트의 대비처럼 자동 검사가 판정하지 못한 항목이 발견되었습니다. 사람이 해당 요소를 직접 살펴봐야 합니다.
자동 검사 실패 없음
이 기준에 연결된 axe-core 규칙이 하나 이상 실행되어 통과했습니다. 이것은 적합성을 뜻하지 않습니다. 규칙은 기준이 요구하는 내용의 일부만 다룹니다.
검사 대상 없음
이 기준에 대한 자동 규칙은 있지만, 테스트한 페이지에 규칙이 확인할 대상이 없었습니다. 예를 들어 자막 규칙이 확인할 동영상이 없거나 레이블 규칙이 확인할 양식이 없는 경우입니다. 사이트의 다른 곳에 그런 콘텐츠가 있다면 직접 테스트하십시오.
수동 점검
이 기준을 다루는 자동 규칙이 없으므로, 스캔은 이 기준에 대해 어느 쪽으로도 판단하지 않습니다. 직접 테스트하십시오.
레벨 A와 레벨 AA
레벨 A는 최소 수준입니다. WCAG를 인용하는 정책은 대개 레벨 AA를 지정하며, 레벨 AA에는 레벨 A의 모든 기준이 포함됩니다.

흔한 문제를 해결하는 방법

  • 4.1.2 이름, 역할, 값 실패

    div나 span 요소로 만든 사용자 정의 컨트롤(메뉴, 탭, 아코디언, 토글)은 보조 기술에 자신이 무엇인지, 열려 있는지를 알려 주지 않습니다. 가능하면 기본 <button>을 사용하고, 이름을 붙이고, aria-expanded나 aria-pressed를 설정해 상태가 읽히도록 하십시오.

  • 1.3.1 정보와 관계 실패

    구조는 스타일만이 아니라 마크업에도 담겨 있어야 합니다. 굵게 표시한 문단 대신 실제 h2와 h3 요소를, 목록에는 ul이나 ol을, 표 머리글에는 scope를 지정한 th를, 양식 필드 묶음에는 레이블이나 legend가 있는 fieldset을 사용하십시오.

  • 3.1.1 페이지 언어 실패

    html 요소에 lang 속성을 추가하십시오. 예: <html lang="en">. WordPress 테마는 보통 language_attributes()로 이 속성을 출력하며, Shopify 테마에서는 layout/theme.liquid에서 <html lang="{{ request.locale.iso_code }}">를 사용합니다.

  • 2.5.8 타깃 크기(최소) 실패

    작은 아이콘과 촘촘하게 붙은 링크는 손가락으로 누르기 어렵습니다. 각 타깃을 24 × 24 CSS 픽셀 이상으로 만들거나, 작은 타깃마다 그 중심에 둔 24 px 원이 다른 타깃과 겹치지 않도록 간격을 두십시오. 패딩을 쓰면 아이콘을 바꾸지 않고도 타깃을 키울 수 있습니다.

  • 수동 점검 항목 진행하기

    빠른 것부터 시작하십시오. 1.4.10 리플로는 너비 1280 px 브라우저 창을 400%로 확대해 가로 스크롤이 필요한 부분이 없는지 확인합니다. 2.4.7과 2.4.11은 Tab 키로 페이지를 이동하며 포커스가 항상 보이는지, 고정 헤더나 쿠키 배너 뒤에 가려지지 않는지 확인합니다. 3.3.1은 일부러 잘못 입력한 양식을 제출해 오류가 텍스트로 명확하게 설명되는지 확인합니다.

이 도구에 관한 질문

WCAG 2.2에서 레벨 A와 AA는 무엇이 바뀌었나요?

6개 기준이 추가되었습니다. 2.4.11 가려지지 않는 포커스(최소), 2.5.7 드래그 동작, 2.5.8 타깃 크기(최소), 3.2.6 일관된 도움말, 3.3.7 중복 입력, 3.3.8 접근 가능한 인증(최소)입니다. WCAG 2.2는 레벨 AAA 기준 3개도 추가했으며, 4.1.1 구문 분석은 삭제했습니다.

4.1.1 구문 분석은 왜 목록에 없나요?

WCAG 2.2는 4.1.1 구문 분석(Parsing)을 폐기된 것으로 표시하고 삭제했습니다. 이 기준이 다루던 마크업 오류에 브라우저와 보조 기술이 더 이상 의존하지 않기 때문입니다. W3C는 WCAG 2.0과 2.1에서도 이제 HTML 콘텐츠에 대해서는 이 기준을 항상 충족한 것으로 간주한다고 밝히고 있습니다.

WCAG 2.2를 충족하면 WCAG 2.1도 충족하나요?

예. WCAG 2.2는 하위 호환됩니다. 2.2에 부합하는 콘텐츠는 2.1과 2.0에도 부합합니다. 따라서 2.2 기준으로 테스트하면 많은 정책이 여전히 인용하는 이전 버전도 함께 다룰 수 있습니다.

이 결과로 접근성 성명서나 VPAT를 작성할 수 있나요?

출발점은 되지만 적합성 보고서는 아닙니다. 성명서나 VPAT를 작성하려면 모든 기준을 평가해야 하며, 그 대부분은 사람이 평가해야 합니다. “수동 점검”과 “검토 필요” 목록을 보면 아직 그런 평가가 필요한 기준을 알 수 있습니다.

왜 많은 기준이 “수동 점검”으로 표시되나요?

해당 기준에 대한 자동 규칙이 없기 때문입니다. 제한 시간을 연장할 수 있는지, 도움말이 모든 페이지에서 같은 위치에 나타나는지, 로그인에 기억력 테스트가 필요한지 같은 질문은 규칙이 읽을 수 있는 마크업이 아니라 사람들이 사이트를 어떻게 이용하는지에 달려 있습니다.

출처

관련 도구

접근성 수정 리포트($174, 1회 결제)는 전체 무료 스캔을 바탕으로 더 많은 페이지, 모든 발견 사항에 대한 변경 사항, PDF, 수정 결과를 검증하는 재테스트를 제공합니다.

접근성 수정 리포트 소개