처음 읽는다면, 이렇게.
그림이 보이지 않는 친구도 내용이 필요할 수 있어요. 그림의 중요한 정보나 버튼의 일을 글로 써요. 장식 그림이라면 같은 설명이 필요하지 않을 수 있어요.
대체 텍스트의 뜻
대체 텍스트는 이미지가 전달하는 핵심 정보나 기능을 글로 제공합니다. 정보 그림, 버튼 그림, 장식 그림은 목적이 달라 다른 설명이 필요합니다. 그림의 외형을 길게 묘사하는 것보다 문맥에서 필요한 뜻을 전하는 것이 중요합니다.
일상과 수업에서 만나면
이해를 돕기 위해 구성한 가상 사례입니다. 실제 효과를 측정한 연구 사례가 아닙니다.
확대경 버튼
- 상황
- 가상 검색 버튼에 확대경만 보입니다.
- 적용
- 대체 텍스트를 “검색”으로 적습니다.
짚어보기버튼 기능이 외형보다 중요합니다.
그래프 설명
- 상황
- 가상 막대그래프가 세 학급의 도서 대출량을 비교합니다.
- 적용
- 핵심 비교를 짧게 쓰고 정확한 값은 표에도 제공합니다.
짚어보기복잡한 자료를 한 문장에 억지로 압축하지 않습니다.
비슷한 말, 다른 뜻
| 비교할 말 | 무엇이 다른가요? |
|---|---|
| 사용자 인터페이스 | 인터페이스는 기기와 소통하는 접점 전체이고 대체 텍스트는 이미지 접점의 뜻을 글로 전합니다. |
이렇게 오해하기 쉬워요
모든 그림에 “이미지”라고 쓰면 충분하다.
그림의 정보나 기능을 전달해야 합니다.
이렇게 오해하기 쉬워요
장식 그림도 반드시 긴 설명이 필요하다.
순수 장식이면 빈 대체 텍스트가 적절할 수 있습니다.
한 걸음 더 들어가면
그래프처럼 정보가 많은 그림은 짧은 대체 텍스트와 함께 수치·관계를 본문이나 표로 제시할 수 있습니다. 버튼의 그림에는 모양보다 수행할 동작을 설명합니다. 장식 이미지의 빈 대체 텍스트는 정보를 숨기는 것이 아니라 중복을 줄이는 선택일 수 있습니다.
개념을 적용할 때 살펴볼 해석과 제안입니다. 연구 결과나 공식 규정 자체와 구분해 읽어 주세요.
직접 해 보는 순서
- 1이미지의 목적이 정보·기능·장식 중 무엇인지 정합니다.
- 2문맥에 필요한 핵심을 짧은 글로 씁니다.
- 3그림 없이 읽어도 중요한 뜻이 남는지 확인합니다.
이해했는지 확인해 볼까요?
검색 아이콘 버튼의 대체 텍스트에는 무엇을 써야 하나요?
해설 확인
“검색”처럼 버튼의 기능을 전달합니다.
더 궁금한 점
사진을 아주 자세히 묘사해야 하나요?
문맥에서 필요한 정보 중심으로 작성합니다.
그래프 수치를 대체 텍스트에 모두 넣나요?
짧은 요약과 본문·표의 상세 정보를 함께 제공할 수 있습니다.
설명의 근거를 확인하세요
W3C WAI · Images Tutorial의 표시된 절을 확인했습니다. 사례는 자체 제작한 가상 활동입니다.
- [1] W3C WAI · 영어W3C WAI · Images Tutorial ↗
Informative, Decorative, Functional and Complex images — 목적에 따른 대체 텍스트.
에디터 나루 · 똑스 편집팀
편집 기록
- 원고 기록
- 2026.09.30
- 최초 발행
- 2026.09.30
내용에 관한 의견은 운영 안내의 문의 경로에서 전달해 주세요. 작성·검수 원칙 보기