content accessibility

텍스트, 링크, 이미지: 의미가 먼저이고 장식은 나중

기본 콘텐츠 요소는 화면에 보이는 모양보다 heading 순서, 링크 목적, 이미지 대체 텍스트가 더 중요하다.

heading

제목 계층

h1부터 h6까지는 글자 크기 장식이 아니라 문서 목차를 만드는 구조다.

outline
paragraph

문단과 강조

문장은 p로 묶고, 중요도와 강조는 strong, em처럼 의미 있는 태그를 쓴다.

readable text
link

링크 목적

여기를 클릭 같은 문구보다 이동 목적을 설명하는 링크 텍스트가 좋다.

clear target
image

대체 텍스트

정보 이미지는 내용을 설명하고, 장식 이미지는 빈 alt로 보조 기술 부담을 줄인다.

alt policy
practice

소개 페이지

텍스트, 링크, 이미지가 한 화면 안에서 논리적 순서로 읽히는지 확인한다.

콘텐츠 흐름