사진을 등록할 때 설명 입력란에 무엇을 적어야 할지 고민될 수 있습니다. 이미지를 보지 못하는 상황에서도 필요한 의미와 동작을 이해할 수 있도록 설명을 준비하는 것이 중요합니다. 같은 사진이라도 쓰이는 위치와 역할에 따라 적절한 내용이 달라집니다. 이번 글은 정보 전달, 기능과 장식을 구분하고 작성한 설명이 실제 화면에 맞는지 점검하는 순서를 제안합니다.
1. 먼저 이미지가 전달하는 역할을 정하세요
이미지 대체텍스트를 작성하기 전에 사진이 현재 페이지에서 어떤 역할을 하는지 확인하세요. 상품의 형태를 설명하는 사진, 이동 기능이 있는 아이콘, 분위기만 만드는 장식은 필요한 설명이 다릅니다. 파일을 보고 보이는 물체를 모두 나열하기보다 그 그림을 보지 못했을 때 놓치는 정보가 무엇인지 질문해 보세요.
W3C의 결정 트리는 이미지가 정보를 전달하는지, 링크나 버튼인지, 장식인지에 따라 접근을 나눕니다. 같은 사진이라도 사용 위치가 바뀌면 전달할 의미가 달라질 수 있습니다. 운영자는 이미지 파일과 사용할 페이지를 함께 정리해 작성 담당자에게 전달하세요. 원본 사진만 넘기고 문구를 맡기면 페이지에서 강조하는 목적과 설명이 어긋날 수 있습니다.
근거 자료: W3C WAI — alt 결정 트리
2. 정보성 사진은 핵심 특징을 구체적으로 설명하세요
이미지 대체텍스트에는 사진을 통해 전달하려는 핵심 특징을 짧고 명확하게 적으세요. 가방 상품이라면 단순히 상품 사진이라고 쓰기보다 색상과 형태, 현재 사진에서 확인할 수 있는 특징을 설명하는 편이 유용합니다. 반대로 사진만으로 알 수 없는 소재의 성능이나 수납 능력을 추측해 넣으면 안 됩니다.
작성한 문장을 실제 이미지와 나란히 놓고 확인해 보세요. 정면 사진인데 뒷면이라고 적혀 있거나 다른 상품의 설명이 복사돼 있으면 수정해야 합니다. 이 글의 가방 예시는 작성 방향을 보여주는 것이며 모든 사진에 같은 표현을 적용하라는 뜻은 아닙니다. 이미지마다 다른 각도나 상세 부위를 보여준다면 그 차이가 설명에도 반영되는지 살펴보세요.
3. 링크나 버튼은 목적을 알 수 있게 작성하세요
이미지 대체텍스트가 필요한 기능성 이미지는 생김새뿐 아니라 동작의 목적을 전달해야 합니다. W3C는 이미지가 없으면 링크나 버튼의 기능을 알기 어려운 경우 목적지나 수행 동작을 설명하도록 안내합니다. 장바구니로 이동하는 아이콘을 단순히 가방 그림이라고 설명하면 사용자가 눌렀을 때의 결과를 알기 어렵습니다.
이미지 옆에 같은 목적의 글자가 이미 있는 경우에는 버튼 전체가 어떻게 읽히는지도 확인하세요. 보이는 문구와 설명이 겹쳐 불필요하게 반복되거나 서로 다른 목적을 말하지 않아야 합니다. 운영자가 문구를 정할 때는 개발 담당자에게 링크나 버튼의 실제 동작을 확인하고, 화면 낭독 도구에서 해당 요소의 이름이 적절하게 전달되는지 함께 검수하는 것이 좋습니다.
근거 자료: W3C WAI — alt 결정 트리
4. 순수한 장식은 설명을 억지로 채우지 마세요
이미지 대체텍스트는 모든 그림에 길게 적을수록 좋은 항목이 아닙니다. W3C는 의미를 전달하지 않는 순수한 장식 이미지에는 빈 alt 속성을 사용하도록 안내합니다. 이는 alt 속성 자체를 누락하는 것과 다릅니다. 배경의 추상적인 무늬처럼 내용을 이해하는 데 필요하지 않은 요소인지 먼저 판단해야 합니다.
상품 사진이나 주요 안내 배너를 단지 예쁘게 보인다는 이유로 장식으로 처리하지 마세요. 없어졌을 때 중요한 정보나 기능을 놓치는지 확인하는 것이 기준입니다. 관리 화면에서 빈 값을 저장했을 때 실제 페이지에도 의도한 속성이 적용되는지는 구현 방식에 따라 확인이 필요합니다. 담당자가 판단하기 어려운 이미지는 임의로 모두 비우기보다 사용 목적을 설명하고 검토를 요청하세요.
근거 자료: W3C WAI — alt 결정 트리
5. 도표와 긴 안내는 본문에도 내용을 제공하세요
이미지 대체텍스트 한 칸에 복잡한 도표의 모든 정보를 넣으려고 하면 읽기 어려워질 수 있습니다. W3C는 그래프처럼 복잡한 정보를 담은 경우 해당 내용을 페이지의 다른 곳에서도 제공하도록 설명합니다. 핵심 의미를 간단히 소개하고 필요한 수치나 비교 설명을 본문 또는 표로 함께 제공하는 방식을 검토하세요.
서비스 과정이나 안내 사항을 긴 이미지 한 장으로 만들었다면 중요한 조건을 실제 글로도 읽을 수 있는지 살펴보세요. 내용이 바뀔 때 이미지와 본문이 동시에 수정돼야 하므로 관리 담당자와 수정 범위를 정해두는 것이 좋습니다. 표를 추가했다면 이미지와 값이 맞는지 검수하고, 복잡한 시각 자료를 단순히 그래프라는 한 단어로 처리하지 않도록 확인합니다.
근거 자료: W3C WAI — alt 결정 트리
6. 키워드보다 이미지와 문맥의 일치를 우선하세요
이미지 대체텍스트에 검색어를 여러 개 나열하는 방식은 피하세요. Google은 이미지의 주제를 이해할 때 대체 설명과 페이지 내용 등을 함께 사용하며 키워드를 과하게 채우지 않도록 안내합니다. 실제 사진과 관련 없는 지역명이나 서비스명을 반복한다고 유용한 설명이 되는 것은 아닙니다.
파일명, 캡션과 주변 본문도 이미지가 무엇을 설명하는지 이해하는 데 도움이 되도록 정리하세요. Google은 짧고 설명적인 파일명과 관련 내용 가까이에 배치한 이미지를 권장합니다. 다만 이런 작업이 특정 검색 순위나 AI 답변 노출을 보장하지는 않습니다. 먼저 사진이 해당 문단에 필요한 자료인지 살펴보고 서로 다른 역할의 문구를 기계적으로 복사하지 않는 것이 좋습니다.
근거 자료: Google Search Central — 이미지 검색 권장사항
7. 게시된 화면과 교체 이후 상태를 확인하세요
이미지 대체텍스트를 입력한 뒤에는 저장 완료 메시지만 보지 말고 실제 페이지에 반영됐는지 확인하세요. 이미지가 다른 파일로 교체됐는데 설명은 예전 내용으로 남아 있지 않은지 점검합니다. 상품명과 색상처럼 변경되기 쉬운 정보는 사진 변경 작업에 함께 포함하는 편이 관리하기 쉽습니다.
검수 목록에는 파일, 사용 위치, 이미지의 역할, 작성한 설명과 확인 담당자를 기록해 보세요. 모바일과 데스크톱에서 다른 이미지를 보여준다면 각 화면에서 설명이 맞는지도 살펴봅니다. 자동 검사에서 누락이 없다고 나와도 문장이 사진의 의미를 정확하게 전달하는지는 사람이 확인해야 합니다. 운영 중 자주 바꾸는 배너부터 시작해 같은 기준을 적용하면 누락된 설명을 찾기 쉽습니다.
제작 문의 전에 준비할 것
먼저 대표 상품과 서비스 안내에 쓰인 사진을 몇 장 골라 어떤 정보를 전달하는지 정리해 보세요. 사진의 역할과 실제 설명을 나란히 확인하면 빠진 내용과 불필요한 반복을 찾을 수 있습니다. Gnosislab design에 문의하실 때 현재 페이지 주소와 자주 교체하는 이미지의 종류를 알려주시면 콘텐츠 구성과 운영 시 필요한 검수 범위를 함께 정리할 수 있습니다.