웹 접근성이란?

월드 와이드 웹을 창시한 팀 버너스 리는 웹이란 '장애에 구애 없이 모든 사람들이 손쉽게 정보를 공유할 수 있는 공간'이라고 정의하였으며, 웹 콘텐츠를 제작할 때에는 장애에 구애됨이 없이 누구나 접근할 수 있도록 제작하여야 한다고 하였다.
접근성을 단지 장애인에게 국한된 문제라고 잘못 이해하고 있는 경우가 대부분이다. 비록 접근성 준수가 장애인에게 가장 혜택이 많이 돌아가는 것은 사실이지만, 접근성이란 모든 사람이 정보통신 기기나 서비스를 손쉽게 활용할 수 있도록 만드는 것을 말한다. 이러한 접근성 개념은 정보통신 분야에서 다양한 제품 및 서비스 간의 호환성 문제, 이동 정보통신 기기 등으로 그 필요성 및 중요성이 더욱 증대되고 있다.
즉, 웹 접근성은 우리 모두의 문제로 봐야 하며 모두를 유익하게 하는 것이 목적이다.

모든 웹사이트는 한국형 웹 콘텐츠 접근성 지침(KWCAG) 에 구성되어 있는 항목들을 준수하여야 하며 이는 법적으로 의무화되어 있습니다. 주로 공공기관 및 일부 민간기업을 대상으로 강제성을 띄고 있고 모든 웹사이트들이 접근성을 준수해야 하나, 우선순위, 비용 및 시간 등 현실적으로 어려운 부분이 있습니다. 그럼에도 이용자들의 차별없는 정보 제공을 위해 웹 접근성 준수에 노력을 기울여야 합니다.

실무 가이드

1. 인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다.

1.1.1 적절한 대체 텍스트 제공
텍스트 외의 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
이미지 등의 콘텐츠 사용 시 alt 속성을 제공하는 등 이미지의 정보를 이해할 수 있어야 하며 보조기기에서도 확인 가능해야 합니다. 사용자가 직접 대체 텍스트가 필요한 콘텐츠를 등록할 때에는 입력 기능을 제공해야 합니다.

1.2.1 자막 제공
멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 통해 적절한 정보를 제공해야 한다.
또한 사용자가 멀티미디어 콘텐츠 등록 시 대체 수단 입력 기능을 제공해야 합니다.

1.3.1 표의 구성
표는 이해하기 쉽게 구성해야 한다.

1.3.2 콘텐츠의 선형구조
콘텐츠는 논리적인 순서로 제공해야 한다.

1.3.3 명확한 지시사항 제공
지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다.
ex) 버튼의 위치를 표시할 때 위 수단이 아닌 해당 버튼의 텍스트를 표시하여 명확한 설명으로 제공해야 합니다.

1.4.1 색에 무관한 콘텐츠 인식
콘텐츠는 색에 관계없이 인식될 수 있어야 한다.
그래프, 차트, 지도, 필수 입력항목 등의 콘텐츠 제공 시 색상만으로 인식이 가능하거나 색상에 관계없이 모양을 다르게 하여 정보를 인식하는데 어려움이 없어야 합니다.

1.4.2 자동 재생 금지
자동으로 소리가 재생되지 않아야 한다.

1.4.3 텍스트 콘텐츠의 명도 대비
텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다.
※ 예외사항

단순히 장식 목적으로만 사용한 텍스트
로고 또는 상호와 같은 텍스트 이미지
마우스나 키보드를 활용하여 초점을 받았을 때 색이나 명도 대비가 변화하는 콘텐츠(두 메뉴 중 한쪽만 명도대비를 맞추면 인정)
사용할 수 없음을 표시하기 위하여 명도 대비를 낮춘 회색의 컨트롤이나 입력 서식

1.4.4 콘텐츠 간의 구분
이웃한 콘텐츠는 구별될 수 있어야 한다.

2. 운용의 용이성: 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션 할 수 있어야 한다.

2.1.1 키보드 사용 보장
모든 기능은 키보드만으로도 사용할 수 있어야 한다.

2.1.2 초점 이동과 표시
키보드에 의한 초점은 논리적으로 이동해야 하며, 시각적으로 구별할 수 있어야 한다.

2.1.3 조작 가능
사용자 입력 및 콘트롤은 조작 가능하도록 제공되어야 한다.

2.1.4 문자 단축키
문자 단축키는 오동작으로 인한 오류를 방지하여야 한다.

2.2.1 응답시간 조절
시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다.

2.2.2 정지 기능 제공
자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.

2.3.1 깜빡임과 번쩍임 사용 제한
초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다.

2.4.1 반복 영역 건너뛰기
콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.

2.4.2 제목 제공
페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.

2.4.3 적절한 링크 텍스트
링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.

2.4.4 고정된 참조 위치 정보
전자출판문서 형식의 웹 페이지는 각 페이지로 이동할 수 있는 기능이 있어야 하고, 서식이나 플랫폼에 상관없이 참조 위치 정보를 일관되게 제공ㆍ유지해야 한다.

2.5.1 단일 포인터 입력 지원
다중 포인터 또는 경로기반 동작을 통한 입력은 단일 포인터 입력으로도 조작할 수 있어야 한다.

2.5.2 포인터 입력 취소
단일 포인터 입력으로 실행되는 기능은 취소할 수 있어야 한다.

2.5.3 레이블과 네임
텍스트 또는 텍스트 이미지가 포함된 레이블이 있는 사용자 인터페이스 구성요소는 네임에 시각적으로 표시되는 해당 텍스트를 포함해야 한다.

2.5.4 동작기반 작동
동작기반으로 작동하는 기능은 사용자 인터페이스 구성요소로 조작할 수 있고, 동작기반 기능을 비활성화할 수 있어야 한다.

3. 이해의 용이성: 콘텐츠는 이해할 수 있어야 한다.

3.1.1 기본 언어 표시
주로 사용하는 언어를 명시해야 한다.

3.2.1 사용자 요구에 따른 실행
사용자가 의도하지 않은 기능(새 창, 초점에 의한 맥락 변화 등)은 실행되지 않아야 한다.

3.2.2 찾기 쉬운 도움 정보
도움 정보가 제공되는 경우, 각 페이지에서 동일한 상대적인 순서로 접근할 수 있어야 한다.

3.3.1 오류 정정
입력 오류를 정정할 수 있는 방법을 제공해야 한다.

3.3.2 레이블 제공
사용자 입력에는 대응하는 레이블을 제공해야 한다.

3.3.3 접근 가능한 인증
인증 과정은 인지 기능 테스트에만 의존해서는 안 된다.

3.3.4 반복 입력 정보
반복되는 입력 정보는 자동 입력 또는 선택 입력할 수 있어야 한다.

4. 견고성: 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 한다.

4.1.1 마크업 오류 방지
마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.

4.2.1 웹 애플리케이션 접근성 준수
콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.

진단도구

WAVE Web Accessibility: 웹 접근성 자동 진단 도구
Web Developer: 웹 브라우저 개발자 도구
W3C Validation: 마크업 및 웹 접근성 오류 확인, 웹 표준 검사 사이트