대체 텍스트

누구를 위한 것인가#

대체 텍스트는 웹 접근성의 기본적인 실천 항목입니다. 화면을 보지 않고 스크린 리더로 웹을 이용하는 사용자에게 대체 텍스트가 없는 정보성 이미지는 중요한 정보를 잃게 만들 수 있습니다. 이미지 로드에 실패하거나 대역폭이 낮은 환경에서도 텍스트 대안은 이미지의 의미를 전달합니다.

국제 표준 WCAG 2.2의 성공 기준 1.1.1 (Non-text Content, Level A)은 비텍스트 콘텐츠에 그 목적에 맞는 텍스트 대안을 제공하도록 요구합니다. 다만 컨트롤, 시간 기반 미디어, 테스트, 감각 경험, CAPTCHA, 장식·포맷팅 등에는 상황별 요구와 처리 방식이 있습니다. 따라서 모든 이미지에 설명형 문장을 넣는 규칙으로 단순화해서는 안 됩니다.

이미지 유형별 작성법#

핵심은 이미지의 역할에 맞는 대안을 제공하는 것입니다.

텍스트 이미지는 가능한 한 피하되 로고처럼 표현 자체가 필수인 경우에는 예외가 있을 수 있습니다. 경계가 애매하다면 “이 이미지가 사라지면 어떤 정보나 기능이 사라지는가”를 물어보세요. W3C WAI는 판단을 돕는 alt decision tree도 제공합니다.

좋은 대체 텍스트의 조건#

Google의 Image SEO 문서는 같은 이미지의 alt를 다음처럼 구분합니다.

• 나쁨 — alt 속성 없음
• 나쁨 — 여러 검색어를 나열한 keyword stuffing
• 더 나음 — alt="강아지"
• 가장 좋음 — alt="공을 물어오는 달마시안 강아지"

페이지 맥락에서 그 이미지가 하는 일을 짧고 구체적으로 쓰는 것이 핵심입니다. 이미지를 전화로 설명한다면 무엇을 먼저 말할지 떠올리는 방식도 도움이 됩니다. 파일명은 IMG_0023.jpg보다 내용을 짧게 설명하는 이름이 낫습니다.

SEO와의 관계#

Google은 alt text를 페이지 내용과 컴퓨터 비전 결과와 함께 사용해 이미지의 주제를 이해합니다. 정확하고 맥락에 맞는 alt text는 접근성을 개선하면서 검색엔진의 이미지 이해에도 도움을 줍니다.

다만 alt text 하나로 이미지 SEO의 다른 요건을 대신할 수는 없습니다. 이미지 발견 가능성, 표준 HTML 이미지 요소, 랜딩 페이지의 문맥, 파일명, 성능 같은 요소도 별도로 관리해야 합니다. 사이트 전체 SEO 점검은 홈페이지 SEO 체크리스트를 참고하세요.

자주 생기는 오해#

• "모든 이미지에 설명을 써야 한다" — 장식 이미지에는 빈 값 (alt="")이 적절합니다. 빈 alt는 “건너뛰어도 된다”는 명시적 처리이며 속성 생략과 다릅니다.
• "파일명이나 '이미지'라고 쓰면 된다" — 정보성 이미지의 목적과 내용을 전달하지 못하는 placeholder text는 적절한 대안이 아닙니다.
• "alt는 SEO용 키워드 자리다" — 키워드 나열은 접근성과 검색 모두에 도움이 되지 않습니다.
• "긴 설명일수록 좋다" — 핵심 정보를 담은 짧은 문장이 기준입니다. 복잡한 그래프는 alt를 길게 늘이기보다 본문이나 별도 영역에 상세 설명을 둡니다.

관련 개념과 이어서 보기#

대체 텍스트는 웹 접근성의 4원칙 중 “인식 가능”의 대표 항목이며, 근거 기준은 WCAG 2.2의 성공 기준 1.1.1입니다. 사이트 전체 점검에서는 웹사이트 기본 접근성 체크리스트의 “이미지와 미디어” 그룹으로 확인할 수 있습니다.