픽셀이 아니라 목적을 전달하는 alt 작성하기

좋은 대체 텍스트는 모든 색과 모양을 픽셀 단위로 나열하는 것이 아니라, 문맥에서 이미지가 의미하는 바를 설명합니다.

이 이미지가 왜 있는지 물어보십시오. 그 답이 이미지의 목적이며, 대체 텍스트는 그 목적만 정확히 전달해야 합니다.

‘이미지’나 ‘사진’으로 시작하지 마십시오. 스크린 리더가 이미 이미지라고 알려 주므로, 이런 단어는 시간만 낭비합니다.

짧고 완전한 문구를 목표로 하십시오. 보통 125자 이내가 적당합니다. 더 긴 설명이 필요하다면 이미지가 복잡한 것일 수 있습니다.

같은 강아지 사진도 품종의 예시일 수 있고, 행복한 고객의 이야기일 수도 있습니다. 주변 문맥에 맞춰 표현을 정하십시오.

이미지가 링크 안에 들어 있는 유일한 요소라면, 이미지의 대체 텍스트는 사진 자체가 아니라 링크의 목적지를 설명해야 합니다.

그래픽에 글자가 들어 있다면 대체 텍스트에 그 글자를 모두 포함해야 시각적으로 볼 수 없는 사용자도 내용을 놓치지 않습니다.

이미지 바로 옆의 캡션이 이미 같은 내용을 말하고 있다면, 빈 대체 텍스트를 사용해 스크린 리더가 이를 두 번 읽지 않게 하십시오.

전화 통화 중인 사람에게 대체 텍스트를 소리 내어 읽어 준다고 생각해 보십시오. 같은 요점을 이해한다면 진정한 동등성을 달성한 것입니다.

대체 텍스트는 검색 엔진 최적화를 위한 단어 저장소가 아닙니다. 키워드를 억지로 넣으면 실제 사용자에게 해가 되며, 좋은 대체 텍스트가 피해야 할 바로 그 행동입니다.

대체 텍스트를 마침표로 끝내십시오. 이 작은 구두점이 스크린 리더가 다음 내용으로 넘어가기 전에 자연스럽게 쉬도록 합니다.

훌륭하게 진행하고 있습니다! 좋은 대체 텍스트는 짧은 문구로 목적을 전달하고, ‘이미지’로 시작하지 않으며, 문맥을 존중하고, 키워드를 억지로 넣지 않습니다.