텍스트 링크 이미지 구성 지도
소개 페이지 하나도 제목, 단락, 목록, 링크, 이미지가 각자 다른 의미를 맡을 때 읽기 쉬운 문서가 된다.
| 구성 요소 | 문서 안 역할 | 확인 기준 | 피해야 할 것 |
|---|---|---|---|
| Title | 페이지 주제 선언 | h1은 한 번, 하위 제목은 순서대로 | 모든 문장을 큰 글자로 처리 |
| Paragraph | 설명과 맥락 제공 | 한 문단에 한 생각 | br로 문단 흉내 |
| List | 관련 항목 정리 | 순서가 있으면 ol, 없으면 ul | 표처럼 열 맞추기 |
| Link | 다음 행동 제공 | 목적지가 문구에 드러남 | 모호한 클릭 유도 |
| Image | 텍스트를 보완 | alt와 크기 지정 | 정보 이미지를 장식처럼 처리 |
콘텐츠 태그의 품질은 “어떤 정보를 어떤 순서로 읽게 할 것인가”를 HTML 자체가 설명하는지로 판단한다.