사전상담 신청

국내 웹 접근성 검토에서 확인해야 할 기준입니다.

KWCAG 2.2는 국내 환경에서 웹 콘텐츠 접근성을 확인할 때 함께 보는 기준입니다. 실제 서비스에서는 기준 문장만 보지 않고, 사용자가 정보를 찾고 기능을 쓰는 흐름까지 함께 봅니다.

정보접근성 기준으로 돌아가기

KWCAG 2.2 문서 구조

KWCAG 2.2는 적용 범위, 인용표준, 용어와 정의, 웹 접근성을 고려한 콘텐츠 제작 방법을 먼저 설명한 뒤 5장부터 접근성 원칙과 지침을 제시합니다.

1. 적용범위

기준이 적용되는 웹 콘텐츠와 서비스 범위를 확인합니다.

적용범위 보기

2. 인용표준

기준을 이해할 때 함께 참고하는 표준을 확인합니다.

인용표준 보기

3. 용어와 정의

기준 문서에서 사용하는 용어를 같은 의미로 이해할 수 있게 확인합니다.

용어와 정의 보기

4. 웹 접근성을 고려한 콘텐츠 제작 방법

원칙, 지침, 검사항목의 3단계 구조와 KWCAG 2.2의 구성을 확인합니다.

콘텐츠 제작 방법 보기

국내 검토에서 자주 확인하는 항목

처음에는 아래 항목만 이해해도 접근성 검토 대화가 훨씬 쉬워집니다.

대체 텍스트

의미 있는 이미지는 화면을 보지 않아도 이해할 수 있도록 대체 설명이 필요합니다. 장식용 이미지는 읽히지 않도록 처리합니다.

명도 대비

글자와 배경의 대비가 충분해야 합니다. 색이 예뻐도 읽기 어렵다면 정보 전달에 문제가 생깁니다.

키보드 사용

마우스를 사용하지 않아도 주요 기능에 접근하고 조작할 수 있어야 합니다. 초점이 어디에 있는지도 보여야 합니다.

명확한 안내

버튼, 링크, 입력 오류 안내는 사용자가 다음 행동을 이해할 수 있게 제공되어야 합니다.

용어를 알면 협업이 쉬워집니다.

디자이너, 개발자, 기획자, 운영 담당자가 같은 말을 다르게 이해하면 수정 방향이 흔들립니다.

초점

키보드로 이동할 때 현재 선택된 위치입니다. 초점이 보여야 사용자가 다음 조작을 예측할 수 있습니다.

레이블

입력칸이나 버튼이 무엇을 의미하는지 알려주는 이름입니다. “확인”보다 “상담 신청서 제출”처럼 목적이 분명해야 합니다.

오류 안내

입력이 잘못되었을 때 무엇이 문제인지, 어떻게 고치면 되는지 알려주는 설명입니다.

문서 구조

제목, 소제목, 목록, 본문이 논리적으로 이어지는 구조입니다. 화면낭독기 사용자는 이 구조를 따라 내용을 탐색합니다.

국내 검토 흐름

국내 사이트를 검토할 때는 사용자가 정보를 찾고, 기능을 조작하고, 오류를 이해하는 흐름을 함께 확인합니다.

읽을 수 있는지 확인

본문 글자 크기, 줄간격, 명도 대비, 이미지 대체 설명을 확인합니다.

조작할 수 있는지 확인

키보드 이동 순서, 초점 표시, 버튼과 링크의 실행 가능 여부를 확인합니다.

이해할 수 있는지 확인

페이지 제목, 소제목, 링크 문구, 입력폼 레이블, 오류 안내가 분명한지 확인합니다.

다른 환경에서도 유지되는지 확인

화면 확대, 모바일 화면, 보조기술 사용 환경에서도 정보와 기능이 유지되는지 확인합니다.

KWCAG 2.2 원칙과 지침별 보기

KWCAG 2.2는 4개 원칙, 14개 지침, 33개 검사항목으로 구성됩니다. 5장부터 실제 접근성 원칙과 지침을 확인합니다.

5.1 대체 텍스트

텍스트가 아닌 콘텐츠의 의미와 용도를 텍스트로 이해할 수 있게 합니다.

대체 텍스트 보기

5.3 적응성

표, 구조, 순서, 지시사항이 화면 형태가 달라져도 의미를 잃지 않게 합니다.

적응성 보기

5.4 명료성

색상, 소리, 명도 대비, 콘텐츠 구분을 통해 정보를 명확하게 인식할 수 있게 합니다.

명료성 보기

6.1 입력장치 접근성

마우스뿐 아니라 키보드와 다양한 입력장치로 기능을 사용할 수 있게 합니다.

입력장치 접근성 보기

6.4 쉬운 내비게이션

반복 영역을 건너뛰고, 제목과 링크를 통해 원하는 위치로 쉽게 이동할 수 있게 합니다.

쉬운 내비게이션 보기

6.5 입력 방식

터치, 포인터, 동작 기반 조작을 다양한 방식으로 사용할 수 있게 합니다.

입력 방식 보기

7.1 가독성

페이지에서 사용하는 기본 언어를 명시해 내용을 올바르게 읽고 해석할 수 있게 합니다.

가독성 보기

7.2 예측 가능성

사용자의 의도 없이 실행되거나 화면이 바뀌지 않도록 예측 가능한 흐름을 제공합니다.

예측 가능성 보기

7.3 입력 도움

입력 오류를 찾고 수정할 수 있도록 레이블, 오류 안내, 인증 대체 방법을 제공합니다.

입력 도움 보기

8.1 문법 준수

마크업 오류를 줄여 보조기술과 브라우저가 콘텐츠를 안정적으로 해석할 수 있게 합니다.

문법 준수 보기