Text Link Image

텍스트, 링크, 이미지는 정보의 의미와 이동 경로를 함께 잡는다

문단은 내용을 전달하고, 링크는 다른 위치로 이어 주며, 이미지는 대체 텍스트와 함께 맥락을 점검한다.

콘텐츠 요소 역할

semantic content

텍스트

제목과 문단은 정보의 계층과 읽는 순서를 만든다.

링크

href는 목적지를, 링크 텍스트는 이동 이유를 설명해야 한다.

이미지

alt는 이미지를 볼 수 없는 상황에서도 의미를 전달한다.

접근성

시각 표현보다 콘텐츠의 역할이 명확해야 보조 기술이 이해할 수 있다.

headingtextlinkimage
콘텐츠 요소 역할

기본 콘텐츠 태그는 꾸미기 전부터 의미를 담으므로, “무엇을 드러내는가”보다 “무슨 역할인가”를 먼저 본다.