대체 텍스트가 궁금할 때 보는 문답

머리에 둔 개념 스케치

이미지 요소에 적는 설명 문구로, 이미지가 보이지 않는 환경에서 그 자리를 대신하고 이미지 검색의 입력으로도 쓰인다. 대체 텍스트는 그린 자료에 따라 Alt Text, alt 속성이라고 적은 노트도 섞여 있다.¹ 아래 묶음의 물음은 검색엔진최적화를 노리고 구획을 묶는 쪽이 도면 앞에서 자주 꺼내는 물음을 모았다.²

설계대로 옮기다 오는 물음

작업 지시로 옮겨야 해서 묻는데, 배치표를 들고 이 요소는 실제로 어떤 작업으로 이어지나?

이미지를 올릴 때 화면 없이 그 문장만 읽어도 뜻이 통하는지 소리 내어 보고, 장식 이미지는 값을 비워 낭독에서 건너뛰게 한다.

규칙으로 자리 잡은 사정을 묻는데, 자리를 정하다가 대체 텍스트는 어떤 까닭으로 목록에 올랐나?

화면을 읽어 주는 보조 기술과 이미지 로딩 실패 상황을 함께 받치려고 문서 규격에 들어간 항목이며, 이미지 검색이 커지며 쓰임이 넓어졌다.

내 쪽에서 직접 보고 싶은데, 칸을 짚어 가며 대체 텍스트는 무엇과 맞춰 보나?

접근성 검사 도구나 크롤링 도구의 이미지 보고서에서 속성이 빈 자리를 뽑고, 화면 낭독 기능으로 읽히는 문구를 직접 들어 본다.

뒤바꿔 적은 적이 있어 묻는데, 선을 따라가며 이 요소는 곁의 항목과 어떻게 선을 긋나?

마우스를 올렸을 때 떠오르는 title 속성과 달리, 이쪽은 이미지를 대신하는 설명이라 보조 기술과 색인에서 먼저 읽힌다.

작동하는 가닥이 궁금한데, 배치표를 들고 이 요소는 어떤 흐름으로 전달되나?

브라우저는 이미지를 그릴 수 없을 때 이 문구를 자리에 출력하고, 크롤러는 같은 문구로 이미지 내용을 색인해 이미지 검색 결과와 잇는다.

구체적인 자리가 궁금한데, 층을 가른 뒤에 대체 텍스트는 꾸며 본 경우로는 어떻게 드러나나?

가령 공사 전후를 비교한 사진이라면 사진 속 장소와 달라진 지점을 짧게 적은 문구가 사진을 못 본 사람에게도 내용을 전한다.

어디서 읽은 설명이 있는데, 노트를 옆에 놓고 대체 텍스트를 관해 퍼진 설명에 빠진 것은 없나?

파일명을 잘 지으면 속성은 생략해도 된다고 보기 쉬우나, 보조 기술이 읽는 자리는 파일명이 아니라 이 속성이다.

칸을 지우기 전에 궁금한데, 층을 가른 뒤에 대체 텍스트는 어디서 어긋나기 쉬운가?

주제어를 늘어놓은 문구는 설명 구실을 못 하고, 장식용 이미지에까지 설명을 붙이면 낭독이 지저분해진다.

문답을 넘어 구획 전부를 차례로 짚어 보려면 검색엔진최적화점검 쪽이 떠안고 있다.

물음을 다 받은 뒤 갈무리

검색엔진최적화를 맡아 남기는 개편 기록에 대체 텍스트를 한 칸에 압축해 적는다면 이렇다. 이미지가 전하려던 내용을 글로 옮겨 두는 자리이며, 접근성과 이미지 색인이 같은 문구를 나눠 쓴다.

같이 읽을 칸

곁에 묶어 둔 항목으로는 앵커 텍스트와 이미지 최적화가 한 장 뒤에 따로 있다. 도면 뒷장에 끼워 둔 자리에는 레이지 로딩과 클릭 유도 문구 표제어도 아래에 실려 있다. 이미지 최적화 작업에서 파일명과 용량 조정과 함께 다루고, 이미지에 링크가 걸린 경우에는 앵커 텍스트 몫까지 겸한다.