이미지가 보여 주는 내용과 페이지에서의 역할을 바탕으로 대체 텍스트를 작성하세요. 장식용, 정보용, 링크 이미지에 맞추고 길이와 불필요한 표현을 검사한 뒤 파일명과 대체 텍스트를 CSV로 내보냅니다.
이미지를 추가하고 각 이미지가 무엇을 보여 주며 페이지에서 어떤 역할을 하는지 설명하세요. 도구가 용도에 맞는 대체 텍스트를 작성합니다. 장식용 이미지에는 빈 대체 텍스트를, 링크 이미지에는 이동할 위치를, 정보를 전달하는 이미지에는 짧고 사실적인 설명을 넣습니다. 이미지를 분석하거나 인물과 장소를 추측하지 않으며 내보내기 전에 각 줄을 직접 확인해야 합니다. 모든 기능은 브라우저에서 실행됩니다. 입력하거나 업로드한 내용은 We.Inc나 다른 곳으로 전송되지 않습니다.
이미지(JPG, PNG, WebP, GIF, SVG 파일을 각각 최대 10 MB 크기로 최대 20개)를 추가하거나 이미지 없이 행을 추가하세요. 미리보기는 브라우저에만 표시됩니다.
이미지가 표시될 페이지를 설명하세요. 예: “Leeds의 배관공, 욕실 설치 서비스 페이지”.
이미지마다 용도를 선택하세요. 정보용(방문자에게 필요한 내용을 보여 줌), 기능용(링크나 버튼), 장식용(없어도 방문자가 놓치는 정보가 없음) 중에서 고릅니다.
이미지가 보여 주는 내용을 몇 단어로 적으세요. 중요하다면 제품 이름이나 작업 장소처럼 나만 아는 세부 정보를 추가하세요.
추천 내용을 검토하세요. 도구에서 “이미지”, 125자를 초과한 텍스트, 반복된 대체 텍스트, 대체 텍스트로 사용된 파일명 같은 불필요한 표현을 경고합니다.
각 줄의 확인란을 선택한 뒤 HTML을 복사하거나 파일명, 용도, 대체 텍스트가 포함된 CSV를 다운로드하세요.
이미지의 모든 요소가 아니라 이미지가 전달하는 내용을 설명하세요. “타일 색상 목록”보다 “샤워실 타일 교체 전후”가 낫습니다.
“이미지”나 “사진”으로 문장을 시작하지 마세요. 스크린 리더가 이미 이미지라고 알립니다.
이미지가 링크라면 대체 텍스트에 이동할 위치를 적으세요. “욕실 사진”이 아니라 “욕실 시공 사례”처럼 작성합니다.
장식용 이미지에는 alt=""(빈 값)을 사용하세요. alt 속성을 생략하면 안 됩니다.
사진만 보고 확인할 수 없는 사람 이름, 장소, 결과를 추가하지 마세요.
자주 묻는 질문
이 도구가 이미지를 자동으로 설명하나요?
아니요. 사진을 분석하지 않습니다. 자동 설명은 사람, 장소, 제품에 대해 자주 잘못 추측하며 잘못된 대체 텍스트는 없는 것보다 나쁩니다. 이미지가 보여 주는 내용을 직접 적으면 용도에 맞는 대체 텍스트로 바꾸고 내용을 확인합니다.
대체 텍스트를 비워야 하는 경우는 언제인가요?
장식용 이미지일 때입니다. 배경 무늬, 구분선, 옆에 있는 텍스트가 이미 설명하는 사진 등이 해당합니다. 스크린 리더가 건너뛰도록 alt=""를 사용하세요.
대체 텍스트는 얼마나 길어야 하나요?
필요한 내용을 전달하면서 가능한 한 짧게 작성하세요. 보통 125자 미만이면 적절합니다. 차트 데이터처럼 자세한 내용은 페이지 텍스트에 넣으세요.
대체 텍스트가 SEO에 도움이 되나요?
검색엔진이 이미지를 이해하고 이미지 검색 결과에 표시하는 데 도움이 될 수 있습니다. 주된 목적은 접근성입니다. 사람을 위해 작성하면 검색에도 도움이 됩니다.
이미지가 업로드되나요?
아니요. 미리보기를 위해 브라우저가 이미지를 읽으며 기기 밖으로 전송되지 않습니다.
이미지 용도에 따라 대체 텍스트를 정하세요
같은 사진도 위치에 따라 대체 텍스트가 달라져야 합니다. 홈페이지 대표 영역의 주방 사진은 장식용일 수 있고, 포트폴리오 페이지의 완성된 작업을 보여 주는 유일한 사진이라면 정보용입니다. 주방 페이지로 연결되는 링크에 포함되면 기능용이므로 이동할 위치를 알려야 합니다.
그래서 이 도구는 제안을 하기 전에 페이지와 용도를 묻습니다. W3C 웹 접근성 이니셔티브의 대체 텍스트 결정 트리도 같은 질문을 사용합니다.