콘텐츠 흐름

텍스트, 링크, 이미지는 목적에 맞는 태그와 설명을 가진다

콘텐츠 태그는 화면에 보이는 모양보다 정보의 역할을 먼저 정합니다. 제목, 문단, 링크, 이미지를 구분하면 브라우저와 보조 기술이 같은 구조를 읽습니다.

01h1-h6 / p

제목은 문서 구조를 만들고 문단은 하나의 생각을 담습니다.

02ul / ol / li

나열 순서가 의미를 바꾸면 ol, 단순 묶음이면 ul을 씁니다.

03a href

“여기”보다 목적지가 드러나는 링크 문구가 이동 실패를 줄입니다.

04img alt

이미지가 전달하는 정보는 alt에 쓰고 장식 이미지는 비워 둡니다.

학습 판단

콘텐츠 태그는 보기 좋게 꾸미기 전 정보의 역할을 정하는 단계입니다. 읽는 사람과 보조 기술이 같은 구조를 이해해야 합니다.