이해의 용이성 02

검사항목19. 콘텐츠 선형구조

개념

콘텐츠 선형구조란 웹 문서를 제작할 때 뼈대가 되는 html 마크업 언어를 말하는 것으로, css제거시 콘텐츠가 상식적인 순서로 제공되고 있는가에 대한 개념이다.

제공방법

기준: 콘텐츠 순서가 논리적으로 선형화되어 제공된 경우 준수한 것으로 인정

오류유형

• 계층 구조가 명백하게 필요한 콘텐츠를 중첩 마크업을 이용하여 표현하지 않은 경우
• '제목-내용'으로 구성된 콘텐츠 목록의 배치가 분리되어 내용을 직관적으로 이해할 수 없는 경우

주의사항

• 탭메뉴에서 탭1→탭2→탭3으로 이동하여 모든 탭 내용을 확인할 수 있는 경우에도 보다 논리적으로 구성
• 2단계 깊이를 가진 메뉴에서 1차 메뉴와 2차 메뉴, 탭 메뉴와 탭 콘텐츠는 서로 다른 계층으로 표현되어야 함
• 탭메뉴와 탭 콘텐츠의 계층 구조는 경우에 따라 마크업 중첩이 아닌 '제목-내용'으로 표현이 가능함

• 로그인, 회원가입 등의 방법 안내는 로그인, 회원가입 이전에 정보를 제공할 것
• 선형화 된 페이지에서 서브메뉴가 우측에 위치하는 경우 등 혼란이 없는 경우는 인정

 

---

 

검사항목20. 표의 구성

개념

표는 데이터 간의 상관관계를 요약하여 제공하는 정보로서 제목셀과 내용셀을 구분하여 서로 짝지어 읽을 수 있도록 해야한다.

필요성

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

제공방법

기준: 표를 이해할 수 있도록 정보를 제공한 경우 준수한 것으로 인정

오류유형

• <caption> 요소, summary 속성을 제공하지 않거나 용도 또는 설명이 부적절한 경우
• 데이터 테이블에 제목셀과 내용셀을 th와 td요소로 구분하지 않은 경우
• 복잡한 표 제공시 id, headers 또는 scope로 제공하지 않은 경우

주의사항

1. 원칙적으로 caption 요소와 summary 속성을 모두 사용해야 하며, 이 중 하나이상 적절히 제공한 경우 준수한 것으로 인정
2. caption요소는 표의 제목을, summary 속성에는 표의 요약, 구조나 탐색 방법을 기술해주어야 함
3. 데이터 테이블은 자료들 간의 논리적인 관계를 나타내기 위한 경우로, 표의 형식을 제거하고 선형화했을 때 이해할 수 없음
4. 레이아웃 테이블은 화면 배치를 위해 작성된 경우로, 표의 형식을 제거하고 선형화했을 때 이해 가능한 경우
5. 레이아웃용 테이블에는 th, caption요소, summary 속성을 사용하지 않아야 함

---

 

검사항목21. 레이블 제공

개념

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

필요성

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

제공방법

기준: 입력서식에 대응하는 레이블을 제공한 경우 준수한 것으로 인정

오류유형

• <input>, <textarea>, <select>요소에 1:1로 대응하는 <table>요소 또는 title 속성을 제공하지 않은 경우
• <input>의 id와 <table>의 for가 다르거나, 페이지 안에 같은 id가 있는 경우
• <select>요소의 첫 번째 <option>이 레이블 역할을 대신하는 경우

주의사항

1. 레이블로 연결할 텍스트가 있는 경우 title 속성보다 label 요소를 제공하는 것을 권장
   - 운동장애가 있는 사용자에게 사용성을 높여줌. title을 제공하게 되면 폼요소의 선택범위가 제한적이므로 접근성이 떨어짐
2. id, for 속성을 사용하지 않고 label 요소로 레이블 텍스트와 서식 컨트롤을 한번에 묶는 암묵적인 방법을 사용한 경우도 인정하지만 권장하지 않음

 

---

 

검사항목22. 오류 정정

개념

오류들에 대하여 정정할 수 있도록 오류의 내용을 알려주고 오류의 위치에서 수정할 수 있도록 하는 것을 말한다.

필요성

시스템의 문제를 파악하여 문제 발생을 줄이기 위함이다.

제공방법

기준: 입력 오류를 정정할 수 있는 방법을 제공한 경우 준수한 것으로 인정

오류유형

• 입력 서식을 잘못 작성한 경우 해당 서식 필드로 초점을 이동할 수 있는 수단을 제공하지 않거나, 해당 서식의 전송버튼을 눌렀을 때 입력 내용이 모두 사라지는 경우
• 오류 발생시 정정할 수 있는 수단을 제공하지 않은 경우
• 입력 정정방식 또는 내용을 잘못 제공한 경우

주의사항

1. 오류가 있는 곳에만 오류 표시를 하지 않고, 오류의 내용을 먼저 텍스트로 설명해주거나 프로그램을 통해 오류가 난 위치에 도달하도록 하여 오류의 내용을 설명해주어야 함