이해의 용이성(2)

1. 콘텐츠 선형구조

웹 문서를 제작할 때 뼈대가 되는 HTML 마크업 언어

제공방법

1. 반드시 제목과 내용 순이 아니라, 직관적으로 내용을 이해할 수 있는 형태로 구성되어 콘텐츠를 선형화하였을 때 이해가 용이하도록 제공
2. 제목과 내용이 연속되어 있는 구조인 경우, 제목에 해당하는 내용임을 인식할 수 있도록 순서대로 구성(구조 : 제목 + 내용)
3. 논리적인 순서에 맞게 개발 -> CSS 적용 : CSS 제거 시 콘텐츠가 상식적인 순서로 제공되고 있는가?

2. 표의 구성

제목셀과 내용셀을 짝지어 읽게 하거나 표에 대한 설명 정보를 미리 확인할 수 있도록 함

데이터 테이블과 레이아웃용 테이블

1. 데이터 테이블: 제목, 요약과 함께 제목 셀, 내용 셀을 구분
2. 레이아웃용 테이블 : 표의 제목, 요약 및 제목 셀과 내용 셀을 구분하지 않아 데이터가 들어있는 표가 아님을 알 수 있도록 제공
3. 표의 형식을 제거하고 내용을 선형화 시켜 내용을 이해하는데 문제가 있으면 데이터 테이블, 없으면 레이아웃용 테이블

3. 레이블 제공

입력서식이나 편집창과 같은 폼의 요소에 대한 목적이나 용도(=꼬리표, 라벨)

필요성

• 운동장애가 있는 분들은 입력 폼으로 진입할 수 있도록 하며, 화면낭독기 사용자들에게는 입력서식의 이해를 용이하도록 함

제공방법

1. 입력서식에는 반드시 레이블을 제공하여 입력 창에 대한 설명을 제공
2. 레이블과 입력서식이 1:1로 대응하는 경우 - label for 값과 input의 id 값을 연결
3. 레이블로 연결할 입력서식이 여러개인 경우 - title 속성 값으로 입력서식 요소에 대한 용도나 목적을 제공

 

4. 오류 정정

오류를 정정할 수 있도록 오류 내용을 알려주고, 이를 정정할 수 있도록 오류 위치로 이동

필요성

• 문제 원인을 파악하기 위함