KWCAG 2.2 수동 점검표
33개 검사항목을 확인 방법 → 이러면 정상 순서로 안내합니다. 직접 확인한 결과를 고르세요.
점검 환경
이 내용은 이 브라우저에만 저장되며 서버로 보내지 않습니다.
5. 인식의 용이성
5.1 대체 텍스트
-
5.1.1 적절한 대체 텍스트 제공
자동 의심 + 수동- 확인 방법
- 이미지, 아이콘 버튼, 이미지 링크마다 alt(또는 대체 이름)가 있는지, 내용이 이미지가 전하는 정보와 같은지 확인한다.
- 이러면 정상
- 의미 있는 이미지는 그 뜻을 설명하는 alt가 있고, 장식 이미지는 alt=""로 비워져 있다. 파일명(img_01.png)을 그대로 쓰지 않았다.
5.2 멀티미디어 대체수단
-
5.2.1 자막 제공
수동- 확인 방법
- 소리가 있는 동영상·오디오를 재생해 자막, 대본 또는 수어가 제공되는지 확인한다.
- 이러면 정상
- 말과 중요한 소리 정보가 자막·대본·수어로 빠짐없이 전달된다.
5.3 적응성
-
5.3.1 표의 구성
자동 의심 + 수동- 확인 방법
- 데이터 표에 제목 셀(th)과 표 제목·요약(caption 등)이 있는지 확인한다. 레이아웃용 표에는 th를 쓰지 않았는지 본다.
- 이러면 정상
- 화면 낭독기로 셀을 읽을 때 어느 행·열의 값인지 알 수 있다.
-
5.3.2 콘텐츠의 선형구조
수동- 확인 방법
- CSS를 끄거나 화면 낭독기로 처음부터 읽어, 읽는 순서가 화면의 논리적 순서와 맞는지 확인한다.
- 이러면 정상
- CSS 없이 위에서 아래로 읽어도 내용의 순서와 의미가 자연스럽다.
-
5.3.3 명확한 지시사항 제공
수동- 확인 방법
- "오른쪽 버튼을 누르세요", "빨간 글씨 항목"처럼 모양·위치·색·소리로만 설명하는 안내가 있는지 찾는다.
- 이러면 정상
- 지시사항에 버튼 이름 등 글자 정보가 함께 있어 모양·위치를 몰라도 이해할 수 있다.
5.4 명료성
-
5.4.1 색에 무관한 콘텐츠 인식
수동- 확인 방법
- 필수 입력 표시, 그래프 범례, 현재 선택된 메뉴 등이 색으로만 구분되는지 확인한다. 흑백으로 보거나 색을 무시하고 읽어본다.
- 이러면 정상
- 색 외에 글자, 기호, 무늬, 굵기 등으로도 구분된다.
-
5.4.2 자동 재생 금지
수동- 확인 방법
- 페이지를 열었을 때 소리가 자동으로 나는지 확인한다.
- 이러면 정상
- 소리가 자동으로 나지 않거나, 3초 안에 멈추거나, 바로 찾을 수 있는 정지·음량 조절 수단이 있다.
-
5.4.3 텍스트 콘텐츠의 명도 대비
자동 + 수동- 확인 방법
- 글자색과 배경색의 대비율을 색상 대비 검사기로 계산한다. 이미지 위·그라데이션 위 글자는 눈으로 확인한다.
- 이러면 정상
- 일반 글자 4.5:1 이상, 큰 글자(18pt 이상 또는 굵은 14pt 이상)와 화면 확대가 가능한 글자는 3:1 이상. 로고·장식·초점 시 대비가 커지는 콘텐츠는 예외.
-
5.4.4 콘텐츠 간의 구분
수동- 확인 방법
- 이웃한 콘텐츠(영역, 목록, 카드 등)가 테두리, 여백, 배경색 등으로 구분되는지 확인한다.
- 이러면 정상
- 콘텐츠 영역끼리 경계가 눈으로 구분된다.
6. 운용의 용이성
6.1 입력장치 접근성
-
6.1.1 키보드 사용 보장
자동 의심 + 수동- 확인 방법
- 마우스를 쓰지 않고 Tab, Shift+Tab, Enter, Space, 방향키만으로 모든 링크·버튼·입력·메뉴·모달을 조작해 본다. 중간에 빠져나올 수 없는 곳(키보드 함정)이 없는지 본다.
- 이러면 정상
- 마우스로 할 수 있는 모든 기능을 키보드로도 할 수 있고, 어디에도 갇히지 않는다.
-
6.1.2 초점 이동과 표시
자동 의심 + 수동- 확인 방법
- Tab으로 이동하며 초점(포커스) 표시가 항상 보이는지, 이동 순서가 화면 흐름과 맞는지 확인한다.
- 이러면 정상
- 초점이 어디 있는지 늘 보이고, 순서가 논리적이다. 양수 tabindex로 순서를 억지로 바꾸지 않았다.
-
6.1.3 조작 가능
수동- 확인 방법
- 링크·버튼 등 누르는 요소가 충분히 크고 서로 너무 붙어 있지 않은지 확인한다.
- 이러면 정상
- 콘트롤의 대각선 길이가 6.0mm 이상(권장)이고, 테두리 안쪽에 1픽셀 이상 여백이 있어 이웃한 콘트롤과 구분된다.
-
6.1.4 문자 단축키
수동- 확인 방법
- 글자 하나(예: s, /)만 눌러 실행되는 단축키가 있는지 확인한다.
- 이러면 정상
- 글자 하나 단축키가 없거나, 끄거나 바꿀 수 있거나, 해당 요소에 초점이 있을 때만 작동한다.
6.2 충분한 시간 제공
6.3 광과민성 발작 예방
-
6.3.1 깜빡임과 번쩍임 사용 제한
수동- 확인 방법
- 초당 3~50회 깜빡이거나 번쩍이는 콘텐츠가 있는지 확인한다.
- 이러면 정상
- 초당 3~50회 번쩍이는 콘텐츠가 화면의 10%를 넘지 않고, 초당 3~50회 깜빡이는 콘텐츠는 멈출 수 있다.
6.4 쉬운 내비게이션
-
6.4.1 반복 영역 건너뛰기
자동 의심 + 수동- 확인 방법
- 페이지 처음에서 Tab을 눌러 "본문 바로가기" 같은 건너뛰기 링크가 나오는지, 누르면 본문으로 이동하는지 확인한다.
- 이러면 정상
- 반복되는 메뉴를 건너뛰어 본문으로 바로 갈 수 있다.
-
6.4.2 제목 제공
자동 의심 + 수동- 확인 방법
- 페이지 제목(title), 프레임 제목, 본문의 제목(h1~h6)이 있는지, 내용을 잘 나타내는지 확인한다.
- 이러면 정상
- 페이지마다 내용을 알 수 있는 고유한 title이 있고, iframe에 title이 있으며, 제목 구조가 내용과 맞다.
-
6.4.3 적절한 링크 텍스트
자동 의심 + 수동- 확인 방법
- "더보기", "여기"처럼 링크 글자만으로 목적을 알 수 없는 링크가 있는지 확인한다.
- 이러면 정상
- 링크 글자나 그 주변 맥락만으로 어디로 가는지 알 수 있다.
-
6.4.4 고정된 참조 위치 정보
수동- 확인 방법
- 전자책·문서처럼 쪽 번호 등 위치 정보가 있는 원본을 웹으로 옮긴 경우, 같은 위치로 이동할 수 있는 정보가 있는지 확인한다.
- 이러면 정상
- 원본의 쪽 번호 등 고정된 위치를 찾아갈 수 있다. 해당 콘텐츠가 없으면 해당 없음.
6.5 입력 방식
-
6.5.1 단일 포인터 입력 지원
수동- 확인 방법
- 두 손가락 확대, 쓸어넘기기, 끌기처럼 여러 손가락이나 경로를 그려야 하는 동작이 있는지 확인한다.
- 이러면 정상
- 같은 기능을 한 번 누르기(버튼 등)로도 할 수 있다.
-
6.5.2 포인터 입력 취소
수동- 확인 방법
- 누르는 순간(down) 바로 실행되는 기능이 있는지, 누른 채 밖으로 빠져나가면 취소되는지 확인한다.
- 이러면 정상
- 손을 뗄 때(up) 실행되거나, 실행 전에 취소할 수 있다.
-
6.5.3 레이블과 네임
자동 의심 + 수동- 확인 방법
- 버튼·링크에 보이는 글자와 프로그램이 읽는 이름(aria-label 등)이 같은지 확인한다.
- 이러면 정상
- 보이는 글자가 접근 가능한 이름에 그대로 포함되어 있다.
-
6.5.4 동작기반 작동
수동- 확인 방법
- 기기를 흔들거나 기울여서 실행되는 기능이 있는지 확인한다.
- 이러면 정상
- 버튼 등 다른 방법으로도 실행할 수 있고, 동작 인식을 끌 수 있다.
7. 이해의 용이성
7.1 가독성
-
7.1.1 기본 언어 표시
자동 확인 가능- 확인 방법
- html 태그에 lang 속성(예: lang="ko")이 있고, 페이지 주 언어와 맞는지 확인한다.
- 이러면 정상
- <html lang="ko">처럼 주 언어가 올바르게 지정되어 있다.
7.2 예측 가능성
7.3 입력 도움
-
7.3.1 오류 정정
수동- 확인 방법
- 입력 폼에 일부러 틀린 값을 넣고 제출해 본다.
- 이러면 정상
- 어느 칸이 왜 틀렸는지 알려주고, 고칠 수 있게 해당 칸으로 안내한다.
-
7.3.2 레이블 제공
자동 + 수동- 확인 방법
- 모든 입력 칸에 label이 연결되어 있는지(또는 title·aria-label 등), 화면 낭독기가 칸 이름을 읽는지 확인한다.
- 이러면 정상
- 입력 칸마다 무엇을 넣는지 알 수 있는 이름이 프로그램으로 연결되어 있다.
-
7.3.3 접근 가능한 인증
수동- 확인 방법
- 로그인·본인 인증에서 기억력 퍼즐, 글자 옮겨 적기 등 인지 능력 시험만 요구하는지 확인한다. 비밀번호 붙여넣기·자동 완성이 막혀 있지 않은지 본다.
- 이러면 정상
- 인지 능력 시험 없이 인증할 수 있는 다른 방법이 있다.
-
7.3.4 반복 입력 정보
수동- 확인 방법
- 여러 단계 신청서 등에서 이미 입력한 정보를 다시 입력하라고 하는지 확인한다.
- 이러면 정상
- 이미 입력한 정보는 자동으로 채워지거나 선택해서 쓸 수 있다(보안상 필요한 경우 제외).
8. 견고성
8.1 문법 준수
-
8.1.1 마크업 오류 방지
자동 확인 가능- 확인 방법
- 중복 id, 태그 열고 닫기 오류, 잘못된 중첩, 중복 속성이 있는지 HTML 검사기로 확인한다.
- 이러면 정상
- 중복 id가 없고, 태그가 바르게 열고 닫혀 있으며, 중첩 오류가 없다.
8.2 웹 애플리케이션 접근성
-
8.2.1 웹 애플리케이션 접근성 준수
수동- 확인 방법
- 직접 만든 메뉴, 탭, 아코디언, 모달 등 컴포넌트가 화면 낭독기와 키보드로 쓸 수 있는지 확인한다(역할·상태·이름 전달).
- 이러면 정상
- 모달은 열리면 안으로 초점이 가고 닫으면 원래 버튼으로 돌아온다. 탭·아코디언은 펼침 상태를 화면 낭독기가 알려준다.
국제 권장 사항 (KWCAG 결과와 별도)
아래는 WCAG 2.2 항목입니다. KWCAG 33개 항목에는 별도 항목으로 없는 것으로 보여 따로 안내합니다.
-
비텍스트 대비
국제 권장 · WCAG 2.2 1.4.11- 확인 방법
- 입력 칸 테두리, 아이콘, 버튼 테두리, 초점 표시 등의 색과 주변 색 대비를 확인한다.
- 이러면 정상
- 3:1 이상.
- 관련 KWCAG 항목
- 5.4.4 콘텐츠 간의 구분 (관계 검토 중)
-
포커스 가림 방지
국제 권장 · WCAG 2.2 2.4.11- 확인 방법
- Tab으로 이동할 때 고정 헤더, 쿠키 배너, 채팅 버튼 등에 초점이 가려지는지 확인한다.
- 이러면 정상
- 초점이 간 요소가 다른 요소에 완전히 가려지지 않는다.
- 관련 KWCAG 항목
- 6.1.2 초점 이동과 표시 (관계 검토 중)
기준: KWCAG 2.2 (KS X OT0003:2022) · 검토일: 2026-11-01
자주 묻는 질문
KWCAG 2.2 검사항목은 몇 개인가요?
4개 원칙, 14개 지침, 33개 검사항목입니다. 2022년 개정으로 기존 24개 항목에서 33개로 늘었습니다.
수동 점검은 왜 필요한가요?
자동 검사 도구는 속성 누락처럼 규칙으로 판단되는 문제만 찾을 수 있습니다. 대체 텍스트가 이미지를 제대로 설명하는지, 키보드로 모든 기능을 쓸 수 있는지, 화면 낭독기가 올바른 순서로 읽는지는 사람이 직접 확인해야 합니다.
점검 결과는 어디에 저장되나요?
사용 중인 브라우저의 저장소(localStorage)에만 저장되며 서버로 보내지 않습니다. 다른 기기나 브라우저에서는 보이지 않으므로, 보관하려면 "인쇄 / PDF 저장" 버튼으로 PDF를 저장하세요.
"확인 필요"와 "해당 없음"은 어떻게 다른가요?
"확인 필요"는 문제일 수 있어 추가 확인이 필요한 상태로, 적합으로 치지 않습니다. "해당 없음"은 동영상이 없는 페이지의 자막 항목처럼 점검 대상 자체가 없는 경우입니다.