꿈의 바다를 항해하다.

지침 3.3 (콘텐츠의 논리성) 콘텐츠는 논리적으로 구성해야 한다.

1. 배치용 테이블(Layout table): 실제 표 형식의 자료를 담고, 제목 행과 제목 열이 있는 데이터용 테이블(Data table)과는 달리, 콘텐츠 블록을 한 페이지 안에서 원하는 곳에 원하는 크기로 배치하고 다른 블록과 구분하기 위해 사용한 테이블을 말한다.
2. 스타일 시트(Style sheet): 문서의 표현 형태를 규정하는 일련의 명령문을 의미한다. 스타일 시트는 콘텐츠 제공자가 마련한 것, 사용자가 마련한 것, 웹 브라우저에 내장된 형태 등의 세 가지가 있다. 종속형 시트(CSS: Cascading Style Sheets) 레벨 2가 스타일 시트의 대표적인 규정이다.
3. 콘텐츠의 선형화/기본구조: 웹 페이지에 있는 콘텐츠는 2차원 공간에 상하좌우로 배치되어 있으며, 시각적으로 원하는 곳을 바로 찾아가거나 원하는 기능을 바로 수행 할 수 있다. 콘텐츠를 순서대로 나열한 것을 선형화된 콘텐츠라고 한다. 비시각적 음성 브라우저나 화면 낭독 프로그램과 같은 보조 기기에서는 선형화된 방식으로 콘텐츠에 접근하기 때문에 선형화된 콘텐츠의 순서는 논리적이어야 한다. 시각적인 브라우저에서는 스타일 시트를 제거하고 테이블을 제거하여 테이블 안의 요소를 순서대로 펼쳐 놓음으로써 선형화된 콘텐츠를 얻을 수 있다.

3.3.1 (콘텐츠의 선형화) 콘텐츠는 논리적인 순서로 제공해야 한다.

1. 콘텐츠의 선형화: 웹 페이지를 구성하는 콘텐츠는 선형화하여 순서대로 나열하였을 경우에도 그 내용을 논리적으로 이해할 수 있도록 작성되어야 한다.
2. 내용, 표현 및 기능: 브라우저 화면에 표시되는 콘텐츠의 순서는 웹 페이지에 수록된 콘텐츠의 나열 순서와 항상 동일하지 않다. 예를 들어 스타일 시트를 사용하면 웹 페이지를 구성하는 콘텐츠의 순서를 변경하지 않고도 화면에 나타나는 콘텐츠의 순서를 임의로 변경할 수 있다. 따라서 웹 페이지를 구성하는 콘텐츠의 나열 순서는 논리적으로 이해할 수 있도록 작성하고, 필요할 경우에 화면에 표시되는 순서를 변경해서 제공해야 한다.

3.3.2 (표의 구성) 표는 이해하기 쉽게 구성해야 한다.

1. 표의 구성: 데이터를 표로 구성할 경우, 표의 내용, 구조 등을 이해할 수 있도록 구성해야 한다. 표에는 그 내용을 요약한 정보를 제목 또는 요약으로 제공하여 표의 내용을 예측할 수 있도록 한다. HTML의 경우, CAPTION 요소를 사용하여 표의 제목을 제공한다.
2. 셀의 구성: 표의 손쉬운 내비게이션을 위하여 표의 셀은 제목(<th>)과 내용(<td>)을 구분할 수 있는 태그를 이용해야 한다.

1. 논리적으로 구성된 콘텐츠는 인지, 언어, 학습 장애가 있는 사용자들이 콘텐츠를 이해하는 데 도움을 준다. 또한 화면 확대 프로그램을 사용할 때 맥락을 찾기 어려운 시각 장애인에게도 매우 유용하다.
2. 논리적으로 구성된 웹 콘텐츠는 스타일 시트(Style sheet)를 바꾸거나 기능을 제거 하더라도 그 내용을 순서대로 읽어 문서의 의미를 이해하기가 쉽다.

지침 3.4 (입력 도움) 입력 오류를 방지하거나 정정할 수 있어야 한다.

1. 레이블: 온라인 서식에서 사용되는 각 컨트롤(예: 텍스트 입력 상자, 라디오 선택 버튼, 체크 상자, 드롭다운 메뉴 등)의 역할을 설명해 주는 제목 텍스트를 레이블이라 한다.

3.4.1 (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.

1. 레이블: 온라인 서식에서 사용자가 입력하는 컨트롤의 근처에 어떤 데이터를 어떻게 입력해야 하는지를 알려주는 레이블을 컨트롤과 대응하여 제공해야 한다. 레이블을 서식 컨트롤과 프로그램이 인식할 수 있도록 대응시키지 않고 단순히 텍스트로만 제공할 경우, 보조 기기를 통해서 해당 컨트롤의 레이블을 인식할 수 없다.

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

1. 사용자 입력 오류: 온라인 서식에서 오류가 발생하는 경우, 사용자에게 오류가 발생한 위치와 오류를 유발하게 된 이유 등에 관한 정보를 알려 주어야 한다. 예를 들어, 이름, 주소, 전화번호, 이메일 주소를 필수적으로 입력하도록 구성한 온라인 서식에서 일부 항목을 기입하지 않고 제출하였을 경우, 해당 항목의 입력이 누락되었음과 누락된 내용을 함께 알려 주어야 한다. 시스템적인 오류는 해당되지 않는다.

1. 레이블을 서식 컨트롤 가까이에 프로그램이 인식할 수 있도록 대응시키면 시각 장애인에게 해당 컨트롤이 어떤 용도로 사용되는지를 알려줄 수 있으므로 잘못된 데이터의 입력을 방지할 수 있다.
2. 입력 오류를 수정할 수 있는 방법에 대한 정보를 텍스트로 자세하게 제공하는 것은 학습 장애가 있는 사용자들이 서식을 성공적으로 작성할 수 있도록 도와준다. 오류가 있는 곳에만 오류 표시를 하면 전맹이나 저시력자는 오류가 난 곳에 도달하기 전까지는 어디에 오류가 있는지 알기 어렵지만, 오류의 내용을 먼저 텍스트로 설명해주거나, 프로그램을 통해 오류가 난 위치에 도달하도록 하고, 오류의 내용을 설명해 주면 입력 오류를 더 쉽게 정정할 수 있다.
3. 실수로 인해 빚어지는 심각한 결과 또는 과실을 피하기 위해 오류 정정에 필요한 정보나 수단을 제공하는 것은 실수 가능성이 높은 대부분의 장애인들에게 도움을 준다.