Back to list

이미지 대체 텍스트 쓰는 법: 보이는 모양보다 전달할 정보를 적기

웹 기초
이미지 대체 텍스트 쓰는 법: 보이는 모양보다 전달할 정보를 적기

이미지 대체 텍스트는 그림을 보지 못하는 상황에서도 필요한 정보를 이해하도록 돕는 설명입니다. 모든 그림을 길게 묘사하기보다 해당 문맥에서 이미지가 맡은 역할을 먼저 판단해야 합니다.

정보인지 장식인지 구분합니다


본문의 의미를 전달하는 이미지와 분위기만 더하는 장식은 다르게 다룹니다. W3C 이미지 접근성 안내는 정보 이미지, 장식 이미지, 기능 이미지 등의 대체 방식이 달라진다고 설명합니다. 장식용 이미지에는 불필요한 설명을 반복하지 않는 방식이 적절할 수 있습니다.

사진의 목적을 한 문장으로 씁니다


조립 안내의 사진이라면 “부품 사진”보다 “홈이 위를 향하도록 놓은 연결 부품”이 독자의 행동에 도움이 됩니다. 같은 사진이라도 색상 비교 글에서는 색 차이가 중요할 수 있습니다. 이미지 자체의 모든 특징보다 독자가 알아야 할 내용을 고릅니다.

버튼과 그래프는 따로 생각합니다


이미지가 버튼 역할을 한다면 기능을 설명해야 합니다. 검색 아이콘을 “돋보기 그림”이라고만 부르면 행동이 분명하지 않습니다. 복잡한 그래프는 짧은 대체 텍스트 하나에 모든 수치를 넣기보다 본문 설명이나 표를 함께 제공하는 편이 이해하기 쉽습니다.

중복과 누락을 점검합니다


  1. 이미지를 보지 않고 주변 문장을 읽습니다.
  2. 빠지는 핵심 정보가 무엇인지 적습니다.
  3. 그 정보만 대체 텍스트에 반영합니다.
  4. 이미 본문에 있는 설명을 불필요하게 반복하지 않는지 봅니다.

파일명이나 키워드 목록을 넣는 것은 독자에게 필요한 설명과 다를 수 있습니다. 좋은 대체 텍스트는 검색을 위한 문구보다 이미지를 대신해 이해를 이어 주는 문장에 가깝습니다.

함께 읽으면 좋은 글


Post navigation

Kaikki artikkelit