대체 텍스트 제대로 쓰는 법

화면 낭독 프로그램을 쓰는 사용자가 이 텍스트를 듣습니다. 또 이미지가 로드되지 않았을 때 대신 표시되고, 검색엔진도 이것으로 이미지를 이해합니다.

즉 한 줄로 세 가지 일을 합니다.

제품 사진

제품명과 특징. '스테인리스 재질의 3단 진열대'.

인물 사진

누가 무엇을 하는지. '작업자가 설비를 점검하는 모습'.

도표·그래프

무엇을 보여주는지와 핵심 수치. 복잡하면 본문에 설명을 둡니다.

로고

회사명. '○○ 주식회사 로고'.

버튼 이미지

그 버튼의 기능. '문의하기'.

장식용

빈 값으로 둡니다. 읽지 않고 넘어가게 합니다.

길게 쓸 필요는 없습니다. 한 문장 정도가 적당하고, 너무 길면 듣는 사람이 지칩니다.

그리고 '~사진', '~이미지'라는 말을 굳이 붙일 필요가 없습니다. 이미지라는 것은 이미 알고 있습니다.

입력란이 없는 경우

이미지만 올리고 끝 · 대체 텍스트가 비어 있음 · 시간이 지날수록 누락이 쌓임

입력란이 있는 경우

업로드 시 함께 입력 · 안내 문구로 어떻게 쓸지 알려줌 · 비워 두면 경고 · 꾸준히 관리됨

□  모든 의미 있는 이미지에 대체 텍스트가 있는가

□  내용을 전달하는 문장으로 쓰여 있는가

□  '~사진', '~이미지' 같은 불필요한 말이 없는가

□  장식용 이미지는 빈 값으로 두었는가

□  본문과 중복되는 설명은 아닌가

□  키워드를 나열하지 않았는가

□  관리자에 대체 텍스트 입력란이 있는가

□  입력 안내 문구가 표시되어 있는가