내려받은 소재를 사이트에 놓을 때, alt 속성에 무엇을 쓸지 망설이는 장면이 있습니다. 소재 페이지의 설명문을 그대로 붙이는 것이 최선이라고는 할 수 없습니다. 무엇을 쓰고 어디서는 쓰지 않는지를 정리합니다.
alt에는 "그 이미지가 전하는 것"을 쓴다
alt 텍스트는 이미지가 표시되지 않는 환경이나 읽어 주는 환경에서 이미지 대신 읽히는 문장입니다. 써야 할 것은 이미지의 겉모습이 아니라, 그 이미지가 그 자리에서 전하고 있는 내용입니다.
"파란 옷의 여성이 미소 짓는 일러스트"보다 "담당자가 문의에 대응하는 모습" 쪽이 도움이 되는 경우가 많다는 뜻입니다. 다만 다음에 쓰는 대로, 애초에 쓰지 않는 편이 나은 경우도 있습니다.
장식용 이미지는 비워 둔다
글의 구분에 놓은 삽화처럼 내용을 전하지 않는 이미지에는 alt=""와 같이 비워서 씁니다. 읽어 주는 환경은 이것을 건너뜁니다. W3C의 접근성 해설(WAI)도 장식 목적의 이미지에는 빈 alt를 쓰도록 명시하고 있습니다.
속성을 통째로 생략하는 것과는 다릅니다. 생략하면 환경에 따라 파일명이 읽힙니다. 비워서 쓰는 것이 "의도적으로 설명이 필요 없다고 판단했다"는 표명이 됩니다.
주위의 문장과 겹치지 않게 한다
바로 옆에 같은 내용의 제목이나 캡션이 있다면 alt는 비워도 괜찮습니다. 같은 것이 두 번 읽힐 뿐이기 때문입니다. 이것도 W3C의 해설이 같은 취급을 제시하고 있습니다.
소재 사이트의 설명문을 그대로 쓰지 않는다
소재 페이지에 쓰인 설명은 소재를 찾는 사람을 향해 쓴 것입니다. 화풍이나 구도가 들어 있기도 합니다. 그대로 붙이면 읽어 주는 환경에서는 불필요한 정보가 됩니다. 놓은 문맥에 맞춰 다시 쓰는 것이 본래의 방식입니다.
길이의 기준
한 문장이면 충분한 경우가 대부분입니다. 자세한 설명이 필요한 도표라면 본문에 쓰고 alt에서는 그쪽을 가리키게 합니다. alt에 긴 글을 넣으면 도중에 멈출 수 없는 읽기 환경에서는 부담이 됩니다.
검색을 위해 쓰는 것이 아니다
alt에 키워드를 채워 넣는 방법이 이야기되기도 하지만, 본래의 목적에서 벗어납니다. 적절하게 쓴 alt가 결과적으로 검색에 도움이 되는 일은 있어도, 순서가 뒤바뀌면 읽어 주는 환경의 사용성을 해칩니다.
Visual Hub의 소재에 대해
본 사이트의 소재에는 일본어・영어・중국어・한국어 설명문을 준비해 두었지만, 이는 소재를 찾기 위한 것입니다. 사이트에 놓을 때는 놓은 문맥에 맞춰 다시 써 주세요. 장식으로 놓는다면 빈 alt로 괜찮습니다.