main-logo

A11y Checklist

웹 접근성 파트별 체크리스트

profile
TY
2025년 03월 04일 · 0 분 소요

들어가며

지난해 12월, 진행 중인 여러 프로젝트가 웹 접근성 준수를 요구하는 프로젝트였습니다.

2021년에 그룹 차원에서 웹 접근성 전사 교육을 진행한 적이 있으나, 그 이후 약 4년이 경과했고 당시 사용한 자료는 ‘한국형 웹 콘텐츠 접근성 지침 2.1’을 기준으로 한 것이었습니다.

이로인해 2.2 기준의 내용으로 업데이트하여 사내 교육의 일환으로 웹 접근성에 대한 내용을 정리하고 온라인으로 교육한 내용 중 파트별 웹 접근성 체크리스트를 공유하고자 합니다.

 

웹 접근성이란?


대부분 이미 익숙하겠지만, 먼저 웹 접근성이 무엇인지 간단히 살펴보겠습니다.

월드 와이드 웹을 창시한 팀 버너스리는 웹이란 장애에 구애 없이 모든 사람이 손쉽게 정보를 공유할 수 있는 공간이라고 정의 하였습니다.

월드 와이드 웹을 창시한 팀 버너스리는 웹을 모든 사람이 장애에 구애받지 않고 손쉽게 정보를 공유할 수 있는 공간으로 정의했습니다. 그러나 당시 의도와 달리, 한동안은 플래시나 테이블 코딩 등에서 시각 또는 신체적 장애를 고려하지 않은 환경이 지속되었습니다.

이때 장애인차별금지 및 권리구제 등에 관한 법률이 제정되면서 웹 접근성은 모든 웹사이트에서 반드시 준수해야 할 사항이 되었습니다. 실제로 의무사항임에도 불구하고 웹 접근성에 대한 관심은 낮은 편이었고, 일부는 이 영역이 자신의 책임이 아니라고 여겼습니다.

하지만 장애인차별금지법은 2007년 4월에 제정되고 2008년 4월부터 시행된 오래된 법으로, 모두가 주목하고 신경 써야 하는 사안입니다. 공공기관의 경우 2009년 4월 11일부터, 그 외 법인의 경우 2013년 4월 11일부터 단계적으로, 2015년까지 모든 웹사이트가 준수해야 합니다.

더불어 위반 시 3천만 원 이하의 과태료가 부과될 수 있으며, 고의적 또는 악의적인 위반의 경우 3년 이하의 징역 또는 3천만 원 이하의 벌금과 차별로 인한 손해배상 청구가 가능합니다.

 

웹 접근성 준수의 현재


과학기술정보통신부와 한국지능정보사회진흥원은 매년 국내 웹사이트들의 접근성 실태를 조사하고 그 결과를 공개하고 있습니다. 2023년에 실시한 웹 접근성 실태조사 자료를 살펴보면 다음과 같습니다.

a11y_checklist1.png

정보통신기획평가원 게시글

 

2022년 대비 평균 점수가 60.9점에서 65.8점으로 상승했지만, 웹 접근성이 의무 사항임을 감안할 때 여전히 부족한 점수라고 할 수 있습니다.

 

웹 접근성 원칙별 실태 조사 결과는 흥미로운 결과를 보여줍니다.

인식의 용이성은 56.5%로 나타났으며, 운용의 용이성과 이해의 용이성은 각각 70.9%와 70.1%였습니다. 반면, 견고성은 98.9%로 매우 높은 준수율을 기록했습니다.

특히 견고성 항목은 문법 준수와 웹 어플리케이션 접근성에 초점을 맞추고 있어, 개발 코드의 구조와 표준 준수를 중점으로 다루는 웹 퍼블리싱 및 개발 관련 항목입니다.

비록 다른 항목에 비해 세부 항목 수는 적지만, 다른 중요한 항목과의 준수율 차이를 볼 때 특정 파트를 넘어 모든 분야에서 웹 접근성을 고민해볼 필요가 있어 보입니다.

 

a11y_checklist2.png원칙별 결과

 

 

웹 접근성 파트별 체크리스트


많은 웹 접근성 항목 중 각 파트에서 신경 써야 할 사항과 챙겨야 할 요소를 정리한 체크리스트를 마련했습니다.

 
PC & Mobile 웹 접근성 관련 파트
원칙 지침 검사 항목 상세 Check List UI GUI FED BED
1. 인식의 용이성
1.1 대체 텍스트
1.1.1 적절한 대체 텍스트 제공
<img>, <input type="image">, 이미지 맵(<area>) 등 이미지 요소에 대해 alt 속성을 제공하였는가?     V V
이미지가 제공하는 의미나 용도를 동등하게 인식할 수 있는 적절한 대체 텍스트를 제공하였는가? 또는 오타로 표기되어 의미가 변경되진 않았는가? V V V V
<longdesc> 속성을 이용했으나 파일이 연결되지 않은 경우 또는,
longdesc로 연결된 파일의 내용이 longdesc 속성을 부여한 img가 가진 내용의 의미나 기능을 파악하기 어렵진 않은가?
    V  
데이터 차트, 그래프, 그래픽 문자, 지도 등의 이미지에 대해 그 내용을 충분히 파악할 수 있도록 대체 텍스트를 제공하였는가? V   V V
정보가 있는 이미지를 배경이미지로 제공한 경우, 그에 대한 대체 콘텐츠를 제공하였는가? V   V  
QR코드의 이동 주소 정보 URL 등을 대체 텍스트 또는 설명, 링크 등으로 제공하였는가? V   V  
불릿 이미지 등 의미 없는 이미지에 alt 속성을 제공하고, 속성 값을 null 값으로 제공하였는가?     V  
이미지 캡차 사용 시, 이미지 캡차 이외의 다른 대체 수단(청각적 캡차, 문제 풀이 방식, 상담원을 이용 등)을 제공하였는가? V   V V
Java applet 태그를 사용한 경우, 해당 applet에 대해 대체 텍스트를 제공하였는가? V     V
object 및 embed 태그를 사용한 경우, 해당 embed에 대해 대체 텍스트를 제공하였는가? V   V V
온라인 검사 및 온라인 시험 콘텐츠를 제공한 경우, 그에 대한 대체 텍스트를 제공하였는가? V   V V
실시간 오디오 및 실시간 동영상 콘텐츠 등에 대한 대체 텍스트를 제공하였는가? V V V  
1.2 멀티미디어 대체 수단
1.2.1 자막 제공
영상, 음성 콘텐츠에 자막, 대본, 수화 중 하나 이상의 대체 수단을 제공하였는가? V V V  
영상, 음성 콘텐츠에 제공한 대체 수단은 전체 내용을 충분히 설명하였는가? V      
영상, 음성 콘텐츠를 사전 멈춤 상태로 제공하였는가? V V V  
1.3 적응성
1.3.1 표의 구성
표의 내용을 쉽게 이해할 수 있도록 <table> 요소 안쪽에 <caption> 요소를 이용해 제목, 표의 요약, 구조, 탐색 방법 등을 제공하였는가?     V  
데이터 테이블에 제목 셀과 내용 셀의 관계를 <th> 와 <td> 요소로 구분하여 제공하였는가?     V  
제목 셀 및 내용 셀의 다단, 병합 등 복잡한 표 제공 시 id-headers, scope 등의 속성으로 범위를 지정하여 제공하였는가?     V  
표를 이미지로 표현하거나 제공하고 있진 않은가?   V V  
1.3.2 콘텐츠의 선형구조
계층 구조가 명백하게 필요한 콘텐츠를 중첩 마크업 등을 이용하여 논리적인 순서로 표현 하였는가?     V  
제목 → 내용 으로 구성된 콘텐츠 목록의 배치가 분리되어 있어 내용의 직관적 이해가 어렵진 않은가?     V  
동적으로 생성된 요소는 그것을 유발시킨 요소의 바로 뒤에 위치하도록 구현하였는가?     V V
배치용 표를 잘못 사용하고 있진 않은가?     V  
1.3.3 명확한 지시사항 제공
색, 크기, 모양, 방향, 위치, 특수 기호, 소리 등으로만 정보를 제공하고 있진 않은가? V V V  
시각적인 지시나 위치를 사용한 경우, 시각장애인이 인식할 수 있도록 대체 수단을 제공하였는가? V V V  
청각 정보를 이용하여 지시문을 제공한 경우, 청각 정보를 인식할 수 없는 사용자를 위한 대체 수단을 제공하였는가? V V V  
1.4 명료성
1.4.1 색에 무관한 콘텐츠 인식
색에 관계없이 콘텐츠(별점, 그래프, 지도 등)를 인식할 수 있도록 명암이나 패턴 등으로 구분하여 제공하였는가?   V    
필수 입력 항목을 색으로만 표시하고 있진 않은가? V V V  
페이지 내비게이션, 메뉴, 현재 위치 등에 대해 명암, 패턴 등의 변화 없이 색상 변환만으로 현재의 위치를 표시하고 있진 않은가?   V    
1.4.2 자동 재생 금지
웹 페이지에서 자동으로 재생되는 3초 이상의 배경음(동영상, 음성, 음악 등) 콘텐츠를 제공하고 있진 않은가? V V V  
마우스 오버 또는 키보드 초점을 받아 자동적으로 배경음이 3초 이상 실행되는 콘텐츠를 제공하고 있진 않은가? V V V  
3초 이상의 배경음(동영상, 음성, 음악, 플래시 콘텐츠, 실버라이트 콘텐츠 등)을 정지 상태로 제공하고 있는가? V V V  
1.4.3 콘텐츠의 명도 대비 14pt (19px) 미만의 텍스트는 4.5:1, 14pt (24px) 이상의 볼드체 텍스트 및 18pt 이상의 텍스트는 3:1 이상의 명도 대비를 만족하는가?
(화면 확대가 가능하도록 구현한 텍스트 콘텐츠(텍스트 및 텍스트 이미지)의 명도 대비는 3:1까지 낮출 수 있음)
  V    
1.4.4 콘텐츠 간의 구분
웹 페이지를 구성하는 이웃한 콘텐츠는 배경색 간의 명도대비(채도), 테두리, 구분선, 무늬, 줄 간격 및 글자 간격 조절 등
시각적으로 구분되도록 제공하였는가?
  V    
단어 내에서 글자간격 제어 및 텍스트 내용의 열(column) 구조를 맞추기 위해 줄바꿈이나 공백문자를 사용하진 않았는가?     V  
2. 운용의 용이성
2.1 입력장치 접근성
2.1.1 키보드 사용 보장 (PC Web)
키보드의 Tab 키와 Shift+Tab 키를 이용하여 문서의 모든 앵커 및 기능들의 이용이 가능한가?     V V
모든 기능들에 대해 마우스 이벤트와 동등한 키보드 이벤트 핸들러를 제공하였는가?     V V
키보드 초점이 입력 서식 폼 등에서 자동으로 이동되고 있진 않은가?     V V
플래시 등의 부가 애플리케이션 콘텐츠에 대해 wmode 값을 올바르게 제공하였는가?     V  
웹 애플리케이션 제공 시, 키보드로 이용이 가능한가?     V V
누르기 동작 지원 (Mobile)
다중 누르기(Multi-touch) 동작을 대체할 수 있는 방법을 제공하였는가?     V  
슬라이드(Slide), 끌기와 놓기(Drag and drop) 등의 복잡한 동작을 단순한 누르기 동작으로 대체할 수 있는 방법을 제공하였는가?     V  
2.1.2 초점 이동
키보드의 Tab 키와 Shift+Tab 키에 의한 초점의 이동순서가 논리적이며 일관성이 있는가?     V  
초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되고 있는가?     V  
콘텐츠의 화면 순서와 동일하게 키보드 내비게이션 순서를 제공하고 있는가?     V  
특정 태그에 tabindex를 별도로 설정하여 화면 구성순서와 맞지 않도록 제공하고 있진 않은가?     V  
2.1.3 조작 가능
콘텐츠에 포함된 모든 컨트롤은 대각선 방향의 길이 6mm 이상으로 제공하는 것이 바람직하다. (Mobile은 9mm 이상)
모든 이웃한 콘트롤은 개별적으로 선택하고 사용할 수 있도록 충분한 크기로 제공하고 있는가?
  V V  
링크, 사용자 입력, 기타 컨트롤 등의 테두리 안쪽에 1px 이상의 여백을 두어 제공하는게 바람직하다.   V V  
2.1.4 문자 단축키 단일 문자 단축키 (대/소문자, 구두점, 기호 등 클자키나 숫자키 또는 특수문자키)를 제공 시 단축키 비활성화 방법 제공, 단축키 재설정 기능 제공, 초점을 받은 경우에만 활성화 제공 중 한 가지 이상을 제공 하고 있는가?     V  
2.2 충분한 시간 제공
2.2.1 응답시간 조절
일정 시간마다 내용의 일부 또는 전체가 자동 갱신되는 콘텐츠에 대해 시간제약 회피 또는 우회 가능한 수단을 제공하고 있는가? V V V V
일정 시간이 경과하면 다른 웹 페이지로 이동하도록 구성된 콘텐츠에 대해 시간제약 회피 또는 우회 가능한 수단을 제공하고 있는가? V V V V
사용자가 제어하지 않아도 자동적으로 스크롤되는 콘텐츠에 대해 시간제약 회피 또는 우회 가능한 수단을 제공하고 있는가? V V V  
일정시간 후 사라지거나 접근이 차단되는 콘텐츠에 대해 시간제약 회피 또는 우회 가능한 수단을 제공하고 있는가? V V V V
시간제한이 있는 콘텐츠는 시간적인 제약이 있음을 사용자에게 알려주고, 제한 시간 연장 방법을 제공하고 있는가? V V V V
2.2.2 정지 기능 제공
시간에 따라 자동으로 변경 또는 변화하는 콘텐츠에 대해 정지, 이전, 다음 등의 컨트롤을 제공하고 있는가? V V V  
시간에 따라 자동으로 변경 또는 변화하는 콘텐츠에 대해 마우스와 키보드로 제어가 가능한가?     V V
사용자의 요구와 무관하게 자동으로 업데이트 되는 콘텐츠에 대해 사용자 요구에 의한 업데이트 방법을 제공하고 있는가? V V V V
2.3 광과민성 발작 예방
2.3.1 깜빡임과 번쩍임 사용 제한
사전 경고 없이 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하고 있지는 않은가?   V V  
발작 가능성이 있는 동영상, 번쩍임이 지속되는 영상을 제공하고 있진 않은가? V V V  
2.4 쉬운 내비게이션
2.4.1 반복 영역 건너뛰기
반복되는 콘텐츠 영역에 대해 해당 영역의 시작 부분에 건너뛰기 링크를 제공 및 정상적으로 동작 하는가?     V  
건너뛰기 링크가 화면에 보이거나, 키보드 접근 시 (초점을 받으면) 나타나도록 구현 하였는가?     V  
건너뛰기 링크를 과도하게 제공하여 사용자에게 혼란을 주고 있진 않은가?     V  
2.4.2 제목 제공
문서의 목적을 정의하는 title 태그를 제공하지 않았거나 내용과 다른 의미의 제목을 제공하고 있진 않은가? V   V  
팝업 창에도 적절한 제목을 제공하였는가? V   V  
페이지 제목의 분류가 더 가능함에도 불구하고 상위 범주로 제목을 제공하고 있진 않은가?     V  
페이지 제목에 반복되는 특수문자를 제공하고 있진 않은가?     V  
<frame>, <iframe>, <frameset> 요소에 title 속성이 없거나 속성 값을 비워둔 경우 및 내용이 부적절하진 않은가? V   V V
내용 또는 기능이 없는 프레임에 적절한 <title>을 제공하였는가?     V V
콘텐츠 블록(본문영역에 포함된 콘텐츠들의 제목)에 <h1~6>을 사용하여 제목을 제공하였는가?     V  
2.4.3 적절한 링크 텍스트 링크의 용도나 목적을 주변의 맥락과 관계없이 이해할 수 있도록 제공하였는가? V      
2.4.4 고정된 참조 위치 정보
전자출판문서 형식의 웹 페이지 경우 각 페이지로 이동 할 수 있는 기능이 있는가? V V V  
서식이나 플랫폼 상관없이 (확대/축소 시에도) 참조 위치 정보를 일관되게 제공, 유지하고 있는가?     V  
2.5 입력 방식
2.1.1 단일 포인터 입력 지원
두 개 이상 손가락을 동시에 사용해야 하는 다중 포인터 (핀치 줌, 두 손가락 탭 등)을 대체하는 방법을 제공 하는가? V V V  
쓸어 넘기기 등의 경로기반 동작 (스와이프, 끌기와 놓기, 그리기 등)을 통한 입력을 대체하는 방법을 제공 하는가? V V V  
2.1.2 포인터 입력 취소
다운 이벤트 만으로 이벤트가 실행되고 있지는 않은가?     V  
기능은 업 이벤트에 완료되고 있는가?     V  
실행 전 중지시키거나 실행 후에 취소 시킬수 있는가? V V V  
2.1.3 레이블과 네임 시각적으로 텍스트 또는 텍스트 이미지가 포함된 레이블이 있는 경우 해당 내용을 네임에 포함 했는가?     V  
2.1.4 동작기반 작동 사용자가 장치를 움직이거나 사용자의 움직임을 통하여 작동하는 기능(예: 흔들어서 실행 취소, 손동작을 이용한 사진 촬영 등)은 사용자 인터페이스 구성요소로 조작할 수 있어야 하며, 의도하지 않는 동작으로 기능이 작동하는 것을 예방하기 위해 해당 기능을 비활성화할 수 있어야 한다. V V V V
3. 이해의 용이성
3.1 가독성 3.1.1 기본 언어 표시 웹 페이지를 구성하고 있는 주 언어에 대해 정확히 명시하였는가?     V V
3.2 예측 가능성
3.2.1 사용자 요구에 따른 실행
사용자가 의도하지 않은 기능이 자동 실행되어 예측하지 않은 새 창이 열리고 있진 않은가?     V V
웹 사이트의 초기화면(메인 페이지)에 팝업 창(레이어 팝업 포함)을 제공하고 있진 않은가? V V V  
사용자가 의도하지 않은 초점 변화가 발생하진 않는가? V   V  
셀렉트 박스나 체크 상자의 선택, 텍스트 입력 등 서식의 값 변경만으로 값이 제출되어 페이지가 다시 로드되고 있진 않은가? V   V V
3.2.2 찾기 쉬운 도움 정보 도움 정보 (담당자 상세 연락처, 연락 방법 등)가 각 페이지에서 상대적으로 동일한 위치에서 제공되고 있는가? V V V  
3.3 입력 도움
3.4.1 오류 정정
입력 정정방식 또는 내용을 잘못 제공하거나 오류 발생 시 정정할 수 있는 수단을 제공하였는가?       V
입력 서식을 잘못 작성한 경우 해당 서식 필드로 초점 이동할 수 있는 수단을 제공하였는가?       V
입력 오류 발생 시 입력 내용이 모두 사라지고 처음부터 다시 입력하도록 제공하진 않았는가?       V
3.4.2 레이블 제공 모든 <input>, <textarea>, <select> 요소에 1:1 대응하는 <label> 요소 또는 title 속성을 제공하였는가?     V V
3.3.3 접근 가능한 인증 사용자 로그인 등과 같은 인증 과정이 인지 기능 테스트(예: 로그인을 위한 비밀번호 입력, 터치스크린 화면의 패턴 인식, 임의의 문자열 기억, 계산 수행, 특정 객체를 포함하고 있는 이미지 찾기 등)에 의존하는 경우, 인지 기능 테스트에 의존하지 않는 인증 방법을 적어도 하나 이상 제공하고 있는가? V V V V
3.3.4 반복 입력 정보 하나의 과정(process) 중 특정 단계(step)에서, 이전 단계에서 사용자가 이미 입력했거나 사용자에게 제공되었던 동일한 정보를 반복 입력해야 하는 경우, 반복되는 입력 정보는 자동으로 채워지거나 사용자가 해당 정보를 선택 입력할 수 있게 제공하는가? V V V V
4. 견고성
4.1 문법 준수
4.1.1 마크업 오류 방지
태그의 열고 닫음에 오류는 없는가?     V  
태그의 중첩 오류는 없는가?     V  
id값이 중복 선언된 오류는 없는가?     V V
4.2 웹 애플리케이션 접근성
4.2.1 웹 애플리케이션 접근성 준수
웹 애플리케이션 자체적인 접근성이 없으며 사용자가 선택할 수 있는 대체 콘텐츠가 존재하지 않거나 적절하지 않게 제공하진 않았는가?     V V
웹 애플리케이션에 대한 자체 접근성은 인식의 용이성, 운용의 용이성, 이해의 용이성 원칙에 따른 접근성 준수 기준을 한다.     V V

 

Mobile Application 접근성 관련 파트
원칙 항목 상세 내용 평가 방법 UI GUI FED BED
1. 인식의 용이성
1.1 대체 텍스트 텍스트 아닌 콘텐츠에 대한 대체 텍스트는 그 의미나 기능을 동등한 수준으로 짧고 명확하게 제공해야 한다. 화면낭독 프로그램 V V V V
1.2 자막, 수화 등의 제공
영상이나 음성 콘텐츠 내 제공되는 모든 음성정보는 동등한 내용의 자막, 원고, 수화 중 적어도 하나 이상을 제공해야 한다.
육안
       
영상이나 음성 콘텐츠에서 화면에 문자 정보가 의미를 가지고 있는 경우 이를 설명하는 별도의 음성 콘텐츠나 원고를 제공해야 한다. V V V  
자막, 원고 또는 수화는 재생되고 있는 영상이나 음성 콘텐츠와 동기화하여 제공한다.
단, 실시간으로 제공되는 영상이나 음성 콘텐츠의 경우는 실시간 자막 또는 수화로 제공할 수 있다.
V V V  
음성이나 문자정보 없이 제공되는 영상이나 음성 콘텐츠는 이를 설명하는 화면해설을 제공하는 것이 바람직하다. V V V  
1.3 색에 무관한 인식 큰텐츠에서 제공하는 모든 정보는 특정한 색을 구별할 수 없는 사용자, 흑백 디스플레이 사용자, 흑백 인쇄물을 보는 사용자 및
고대비 모드 사용자가 인식할 수 있도록 제공해야 한다.
육안   V V  
1.4 명도 대비 화면에 표시되는 모든 사용자 인터페이스 컴포넌트와 텍스트는 전경색과 배경색이 구분될 수 있도록 명도 대비를 3:1 이상으로 제공해야 한다. CCA 도구   V    
1.5 명확한 지시사항
화면에 표시되는 특정 사용자 인터페이스 컴포넌트를 가리키거나 지시 사항을 전달하는 콘텐츠의 경우
가리키고자 하는 사용자 인터페이스 컴포넌트의 실제 명칭이나 그 사용자 인터페이스 컴포넌트가 포함하고 있는 대체 텍스트를 사용해 지칭하거나,
하나의 감각에 의존하지 않고 여러 감각을 이용하는 정보를 함께 제공해야 한다.
육안
V V V  
음성이나 음향을 사용해 지시 사항을 전달하는 경우 사용자가 소리를 들을 수 없더라도 지시 사항을 인식할 수 있어야 한다. V V V  
1.6 알림 기능
중요한 알림 정보는 시각, 청각, 촉각 등 다양한 감각으로 인식될 수 있어야 한다.
육안/청각
V V V  
알림 정보는 사용자가 자신에게 적합한 방법을 선택할 수 있도록 제공하는 것이 바람직하다. V V V  
(비고) 운영체제 설정을 상속받아 기기에서 알림 종류를 선택할 수 있으면 당연히 준수한 것으로 인정        
2. 운용의 용이성
2.1 초점(focus)
초점은 사용자가 예측할 수 있도록 논리적인 순서로 이동해야 한다.
화면낭독 프로그램
    V  
초점은 화면에서 보이지 않거나 논리적으로 의미를 갖지 않는 사용자 인터페이스 컴포넌트로 이동하지 않도록 해야 한다.     V  
표시되는 초점의 영역은 콘텐츠의 위치와 크기가 맞도록 제공해야 한다.     V  
2.2 누르기 동작 지원 두 개 이상의 손가락을 동시에 이용해야 하는 다중 누르기(multi-touch) 동작, 팬(pan), 끌기와 놓기(drag and drop) 등의
복잡한 누르기 동작은 단순한 누르기 동작을 함께 제공해야 한다.
화면낭독 프로그램     V  
2.3 응답시간 조절
시간 제한이 있는 경우에는 제한 시간 연장 또는 이를 제어할 수 있는 수단을 함께 제공해야 한다.
육안
V V V  
불가피한 사유로 위 기능을 제공할 수 없는 경우에는 사용자에게 시간 제한이 있다는 것을 미리 알려주고, 종료되었을 경우에도 이를 알려주어야 한다. V V V  
(비고) 불가피한 경우 : 보안, 게임 등       V
2.4 정지 기능 제공 자동으로 변경되는 콘텐츠에는 앞으로 이동, 뒤로 이동, 일시 정지, 정지와 같이 이를 제어할 수 있는 수단을 제공해야 한다. 육안        
2.5 컨트롤의 크기와 간격
컨트롤 간에 외곽선을 표시하지 않는 경우 컨트롤 간의 중심 간 간격을 충분히 제공해야 한다.
(비고) 기본 사용자 인터페이스 컴포넌트와 같이 운영체제에게 기본적으로 제공하는 컨트롤의 경우 예외로 한다.
거리 측정
  V V  
모바일 기기의 화면크기에 관계없이 콘트롤의 가로와 세로 크기는 각각 9mm 이상으로 제공하는 것이 바람직하다.   V    
3. 이해의 용이성
3.1 입력 도움
입력 서식에는 용도와 목적을 알 수 있는 대체 정보를 제공해야 한다.
화면낭독 프로그램
    V V
별도의 입력 방식이 있는 입력 서식에는 입력 오류를 방지하기 위하여 입력내용에 대한 설명 정보를 제공해야 한다.     V V
사용자 입력 값에 오류가 있는 경우 오류 내용을 이해하고 이를 정정할 수 있도록 해당 오류 내용을 알릴 수 있는 방법을 제공해야 한다.       V
입력 서식의 오류 내용을 수정하기 용이하도록 오류가 발생된 지점으로 초점을 이동시키는 것이 바람직하다.       V
3.2 사용자 인터페이스의 일관성
화면에 표시되는 콘텐츠들의 배치는 일관성 있게 제공되어야 한다.
육안
    V  
애플리케이션 내의 유사한 기능을 가지고 있는 컨트롤은 동일하게 제공되어야 한다.     V V
3.3 깜박거림의 사용 제한
화면상에서 깜빡임의 효과를 제공해야 하는 콘텐츠는 초당 3~50회의 주기는 피해서 제공하는 것이 바람직하다.
육안
V V    
불가피하게 사용할 경우, 깜빡임을 제공하는 콘텐츠는 사전에 알리고, 회피할 수 있는 방법을 제공해야 한다. V V V  
3.4 자동재생 금지
자동으로 재생되는 배경음은 제공하지 않아야 한다. 단, 3초 미만의 배경음은 예외로 인정한다.
화면낭독 프로그램
V V V  
배경음을 사용할 경우, 사용자가 손쉽게 멈춤, 일시 정지, 음량조절 등과 같이 이를 제어할 수 있는 수단을 제공해야 한다. V V V  
3.5 예측가능성
화면이 전환되거나 팝업과 같은 이벤트가 실행되는 경우 이를 예측할 수 있는 방법을 제공해야 한다.
육안
    V V
다른 애플리케이션으로 연결 및 전환되는 경우 이를 예측할 수 있는 방법을 제공해야 한다.     V V
4. 견고성
4.1 범용 폰트 이용
텍스트 콘텐츠는 폰트 크기의 조절이 가능하도록 제공되어야 한다.
(비고) 폰트 크기 조절 시 화면 레이아웃이 유지될 수 있는 범위 내에서 적용한다.
육안
    V  
폰트 관련 기능을 활용할 수 있도록 범용폰트를 활용하는 것이 바람직하다.   V V  
4.2 보조기술과의 보완성
운영체제에서 제공하는 기본 사용자 인터페이스 컴포넌트를 최대한 이용하는 것이 바람직하다.
 
  V V V
부득이하게 기본 사용자 인터페이스 컴포넌트를 사용할 수 없을 시에는 운영체제에서 제공하는 보조 기술을 사용할 수 있도록 해야 한다.   V V V
기본 컴포넌트를 원래의 기능과 다른 기능으로 제공할 경우 사용자가 컨트롤의 기능을 이해할 수 있도록 그 기능에 대한 정보를 제공해야 한다. V   V V

 

이 체크리스트는 pxd 내부에서 각 파트 간 협업을 통해 여러 고민을 거쳐 작성된 것으로, pxd의 업무 특성을 반영하였음을 감안해 주시기 바랍니다.

 

마치며


 

지금까지 살펴본 바와 같이, 웹 접근성은 단순한 선택사항이 아니라 모든 웹사이트가 반드시 갖춰야 할 필수 요소입니다.

지난 기간 동안 평균 점수의 소폭 상승과 원칙별 실태 조사 결과는 개선의 여지가 충분함을 보여줍니다. 이는 특히 인식의 용이성과 운용, 이해의 용이성에서 나타난 낮은 수치로 드러나며, 웹 접근성의 중요성이 아무리 강조되어도 실질적인 개선이 뒤따르지 않으면 의미가 없다는 점을 시사합니다.

이번에 마련한 체크리스트는 각 파트에서 반드시 고려해야 할 요소들을 한눈에 파악할 수 있도록 구성되었으며, 이는 웹 접근성을 전사적으로 개선하기 위한 구체적인 가이드라인으로서 활용될 수 있습니다. 앞으로도 지속적인 교육과 협업, 그리고 체계적인 점검을 통해 모든 사용자가 불편함 없이 정보를 얻고 소통할 수 있는 환경을 마련하는 것이 중요합니다.

각자가 자신의 역할을 인식하고 꾸준히 개선해 나간다면, 모든 사용자에게 열린 웹 세상을 만드는 데 큰 도움이 될 것으로 기대합니다.