이해의 용이성(Understandable): 콘텐츠는 이해할 수 있어야 한다.
이해의 용이성은 사용자가 장애유무 등에 관계없이 웹 사이트에서 제공하는 콘텐츠를 이해할 수 있도록 제공하는 것을 의미한다. 이해의 용이성은 가독성, 예측 가능성, 콘텐츠의 논리성, 입력 도움의 4가지 지침으로 구성되어 있다.
(가독성) 콘텐츠는 읽고 이해하기 쉬워야 한다.
웹 페이지의 언어 명시
웹 브라우저는 웹 페이지를 구성하는 텍스트 콘텐츠의 언어 정보를 바탕으로 텍스트 콘텐츠를 화면에 표시하거나 보조기기로 제공한다. 화면낭독 프로그램을 사용하는 경우, 텍스트 콘텐츠의 언어 정보를 화면낭독 프로그램으로 제공하여 정확한 발음이 가능하도록 한다. 이를 통해 화면낭독 프로그램 또는 텍스트를 점자로 번역하는 점역 프로그램은 콘텐츠를 구성하는 기본 언어를 인식하여 자동적으로 음성을 변환하거나 해당 언어로 적합한 점역을 할 수 있다.
(예측 가능성) 콘텐츠의 기능과 실행결과는 예측 가능해야 한다.
초점(Focus)에 따른 변화
웹 콘텐츠를 구성하는 콘트롤이 초점을 받았을 경우, 사용자가 의도하지 않은 기능이 실행되지 않아야 한다. 단, 기능의 실행이 아니라 초점을 받은 요소의 색깔이 반전되거나 테두리가 생기는 것과 같은 시각적인 변화, 또는 사용자 제어가 이동하지 않은 상태에서 나타나는 추가 정보 등은 초점 변화에 따른 기능의 실행으로 간주하지 않는다. 잘못된 예는 다음과 같다.
- 온라인 서식이 자동적으로 제출됨
- 새 창이 열림
- 드롭다운 메뉴나 풀다운 메뉴를 사용하는 경우에 해당 메뉴가 실행됨
- 사용자 제어가 다른 콘트롤로 이동하거나 사라지거나 예측할 수 없음
입력에 따른 변화
사용자가 선택할 수 있는 콘트롤(예: 콤보박스, 라디오 박스, 체크박스 등)과 같이 어떤 항목을 선택하는 경우, 특정 항목을 선택(초점을 받음)하는 것으로 해당 항목이 의미하는 기능이 실행되지 않아야 한다.
실제로 해당 기능이 실행되는 것은 사용자 선택 콘트롤과 함께 제공되는 실행 버튼을 클릭하거나 활성화 하였을 때 비로소 실행되어야 한다.
새 창/팝업 창/레이어 팝업
사용자가 예측할 수 없는 상황에서 새 창 또는 팝업 창이 열리고 이를 통해 정보나 기능을 전달하면 안 된다. 레이어 팝업이 시각적으로는 맨 앞이지만 키보드로 접근하는 경우 맨 뒤인 경우가 있기 때문에, 사용자가 예측할 수 없는 상황에서 레이어 팝업 창으로 정보나 기능을 전달해서는 안 된다. 또한 사용자가 열려있거나 화면에 나타난 새 창/팝업 창/레이어 팝업을 닫거나 종료하도록 버튼을 클릭하거나 활성화 시켰을 경우, 해당 창 또는 팝업 등이 종료되어야 한다.
사용자가 화면에 나타난 새 창/팝업 창/레이어 팝업을 닫거나 종료하도록 요구하였음에도 불구하고 해당 창 또는 팝업 등이 종료되지 않으면 사용자는 매우 당황하게 된다. 특히 레이어 팝업의 경우에 이러한 혼란이 가중될 수 있다.
(콘텐츠의 논리성) 콘텐츠는 논리적으로 구성해야 한다.
콘텐츠의 선형화
콘텐츠는 보조기기 등을 통해서도 논리적인 순서로 이해할 수 있도록 제공해야 한다. 웹 페이지를 구성하는 콘텐츠는 선형화하여 순서대로 나열하였을 경우에도 그 내용을 논리적으로 이해할 수 있도록 작성되어야 한다. 브라우저 화면에 표시되는 콘텐츠의 순서는 웹 페이지에 수록된 콘텐츠의 나열 순서와 항상 동일하지 않다. 예를 들어 스타일 시트를 사용하면 웹 페이지를 구성하는 콘텐츠의 순서를 변경하지 않고도 화면에 나타나는 콘텐츠의 순서를 임의로 변경할 수 있다.
따라서 웹 페이지를 구성하는 콘텐츠의 나열 순서는 논리적으로 이해할 수 있도록 작성하고, 필요할 경우에 화면에 표시되는 순서를 변경해서 제공해야 한다.
표의 구성
표를 제공할 경우, 시각장애인 등도 이해할 수 있도록 표의 이해를 돕기 위한 내용 및 구조에 대한 정보를 제공해야 한다. 데이터를 표로 구성할 경우, 표의 내용, 구조 등을 이해할 수 있도록 구성해야 한다. 표에는 그 내용을 요약한 정보를 제목 또는 요약으로 제공하여 표의 내용을 예측할 수 있도록 한다.
HTML의 경우, CAPTION 요소를 사용하여 표의 제목을 제공한다. 셀의 경우에도 손쉬운 내비게이션을 위하여 표의 셀은 제목(th 태그)과 내용(td 태그)을 구분할 수 있는 태그를 이용해야 한다.
(입력 도움) 입력 오류를 방지하거나 정정할 수 있어야 한다.
레이블 제공
입력 서식을 사용할 경우, 시각장애인 등이 해당 서식을 이해할 수 있도록 레이블을 제공해야 한다. 레이블: 온라인 서식에서 사용자가 입력하는 콘트롤의 근처에 어떤 데이터를 어떻게 입력해야 하는지를 알려주는 레이블을 콘트롤과 대응하여 제공해야 한다. 레이블을 서식 콘트롤과 프로그램이 인식할 수 있도록 대응시키지 않고 단순히 텍스트로만 제공할 경우, 보조기기를 통해 해당 콘트롤의 레이블을 인식할 수 없다.
오류 정정
입력 서식 작성 시, 사용자의 실수로 잘못된 오류가 발생할 경우 이를 정정할 수 있는 방법을 제공해야 한다. 예를 들어, 이름, 주소, 전화번호, 이메일 주소를 필수적으로 입력하도록 구성한 온라인 서식에서 일부 항목을 기입하지 않고 제출하였을 경우, 해당 항목의 입력이 누락되었음과 누락된 내용을 함께 알려 주어야 한다. 시스템적인 오류는 해당되지 않는다.