1. 인식의 용이성Level A
1.3.1 정보와 관계
Info and Relationships
요약
시각적으로 드러나는 구조와 관계는 마크업으로도 전달돼야 합니다. 제목처럼 보이게 스타일만 준 div는 스크린리더에게 그냥 문단일 뿐입니다. 제목·목록·표·폼 레이블을 올바른 요소로 작성하는 것이 이 기준의 실질입니다.
흔한 실패 사례
- `<div class="title">`로 제목 모양만 흉내내 스크린리더의 제목 목록 탐색이 불가능한 경우
- 레이아웃 목적으로 표를 쓰거나, 데이터 표에 `<th>`·`scope`를 지정하지 않는 경우
KWCAG 2.2 대응 항목
- 7.3.1 콘텐츠의 선형구조
- 7.3.2 표의 구성
- 7.4.1 레이블 제공