무료 도구

웹접근성 자가 점검표

한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.2의 33개 검사 항목입니다. 항목마다 확인 방법을 읽고 예, 아니오를 고르면 원칙별 준수율과 고칠 항목을 보여 드립니다.

원칙 1. 인식의 용이성9개 항목

  1. 1.1.1적절한 대체 텍스트 제공

    사진·배너·아이콘 이미지에 담긴 내용을 글로 설명한 대체 텍스트(alt)가 있나요?

  2. 1.2.1자막 제공

    동영상에 자막, 원고 또는 수어가 있나요?

  3. 1.3.1표의 구성

    데이터 표에 제목(caption)과 제목 칸(th)이 구분되어 있나요?

  4. 1.3.2콘텐츠의 선형구조

    CSS를 끄거나 화면낭독기로 읽었을 때 내용이 의미 있는 순서로 읽히나요?

  5. 1.3.3명확한 지시사항 제공

    '오른쪽 빨간 버튼'처럼 모양·위치·색만으로 안내하는 문구가 없나요?

  6. 1.4.1색에 무관한 콘텐츠 인식

    필수 항목·오류·선택 상태를 색으로만 구분하지 않나요?

  7. 1.4.2자동 재생 금지

    들어가자마자 소리가 나는 영상·음악이 없나요? (있다면 3초 안에 멈추거나 멈춤 버튼이 있나요?)

  8. 1.4.3텍스트 콘텐츠의 명도 대비

    본문 글자와 배경의 명도 대비가 4.5:1 이상인가요? (큰 글자는 3:1)

  9. 1.4.4콘텐츠 간의 구분

    이웃한 콘텐츠가 테두리·여백·색으로 구분되어 보이나요?

원칙 2. 운용의 용이성15개 항목

  1. 2.1.1키보드 사용 보장

    마우스 없이 Tab·Enter만으로 모든 메뉴와 버튼을 쓸 수 있나요?

  2. 2.1.2초점 이동과 표시

    Tab으로 이동할 때 초점 위치가 눈에 보이고 순서가 자연스러운가요?

  3. 2.1.3조작 가능

    버튼·링크 등 누르는 곳의 크기가 충분한가요? (가로세로 6mm 이상 권장)

  4. 2.1.4문자 단축키

    글자 한 개로 동작하는 단축키가 있다면 끄거나 바꿀 수 있나요?

  5. 2.2.1응답시간 조절

    로그인 자동 종료 등 시간 제한이 있다면 미리 알리고 연장할 수 있나요?

  6. 2.2.2정지 기능 제공

    자동으로 넘어가는 배너·슬라이드에 멈춤 버튼이 있나요?

  7. 2.3.1깜빡임과 번쩍임 사용 제한

    초당 3~50회 번쩍이는 콘텐츠가 없나요?

  8. 2.4.1반복 영역 건너뛰기

    페이지 맨 앞에 '본문 바로가기' 링크가 있나요?

  9. 2.4.2제목 제공

    페이지마다 다른 제목(title)이 있고, 본문에 제목(h1~h6)이 구조적으로 있나요?

  10. 2.4.3적절한 링크 텍스트

    '여기', '더보기'만 있는 링크가 없고, 링크 글만 봐도 목적지를 알 수 있나요?

  11. 2.4.4고정된 참조 위치 정보

    전자책·문서형 콘텐츠에 쪽 번호 등 위치 정보가 있나요? (해당 없으면 '해당 없음')

  12. 2.5.1단일 포인터 입력 지원

    두 손가락 확대·끌기 같은 동작 없이 한 번 누르기로도 쓸 수 있나요?

  13. 2.5.2포인터 입력 취소

    누르는 순간이 아니라 손을 뗄 때 동작하나요? (잘못 누르면 취소할 수 있나요?)

  14. 2.5.3레이블과 네임

    버튼에 보이는 글자와 화면낭독기가 읽는 이름이 같은가요?

  15. 2.5.4동작기반 작동

    기기를 흔들거나 기울여야만 되는 기능이 없나요? (있다면 버튼으로도 되나요?)

원칙 3. 이해의 용이성7개 항목

  1. 3.1.1기본 언어 표시

    HTML에 기본 언어(lang="ko")가 지정되어 있나요?

  2. 3.2.1사용자 요구에 따른 실행

    선택 상자만 바꿔도 페이지가 이동하거나, 예고 없이 새 창이 열리지 않나요?

  3. 3.2.2찾기 쉬운 도움 정보

    문의처·도움말이 페이지마다 같은 위치에 있나요?

  4. 3.3.1오류 정정

    입력 오류가 나면 어디가 왜 틀렸는지 알려 주고, 입력한 내용이 유지되나요?

  5. 3.3.2레이블 제공

    입력칸마다 무엇을 넣는지 알려 주는 레이블이 연결되어 있나요?

  6. 3.3.3접근 가능한 인증

    로그인에 그림 문자 맞히기 등 기억·인지 능력만 요구하는 방식만 있지 않나요?

  7. 3.3.4반복 입력 정보

    한 번 입력한 정보를 같은 절차에서 다시 입력하게 하지 않나요?

원칙 4. 견고성2개 항목

  1. 4.1.1마크업 오류 방지

    HTML 검사기(W3C Validator)에서 태그 열고 닫기·중복 id 오류가 없나요?

  2. 4.2.1웹 애플리케이션 접근성 준수

    탭·팝업·아코디언 등 직접 만든 기능을 화면낭독기로 쓸 수 있나요?