대체 텍스트 검사기
스크린 리더가 인식하지 못하는 페이지 내 모든 이미지를 찾아냅니다.
페이지를 크롤링하여 모든 이미지를 나열하고, 누락되거나 비어 있는 속성, 중복 및 키워드 남용 문제를 감지하여 각 이미지에 적절한 수정 제안을 제공합니다.
점검 항목
- 누락되거나 비어 있는 대체 텍스트 속성
- 여러 이미지 간 중복된 대체 텍스트
- 키워드 과다 삽입 및 브랜드명 반복
- 빈 값이어야 하는 장식용 이미지
각 숫자가 의미하는 내용
해석할 수 없는 리포트는 그저 어딘가 잘못되었다는 말을 길게 늘어놓은 것에 불과합니다.
누락과 빈 값의 차이
누락은 alt 속성 자체가 없어 스크린 리더가 파일명을 대신 읽는 상태입니다. 빈 값(alt="")은 장식용 이미지이므로 건너뛰라는 의도적인 신호이며 올바른 사용법입니다.
중복
여러 이미지에 동일한 대체 텍스트가 적용된 경우 대개 템플릿의 자동 생성 때문입니다. 스크린 리더 사용자에게 아무 정보도 주지 못하며 검색 노출에도 도움이 되지 않습니다.
키워드 과다 삽입
설명 대신 검색어만 가득 채운 대체 텍스트입니다. 음성으로 들을 때 불편함을 주며 검색 순위에도 수년 전부터 전혀 도움이 되지 않습니다.
길이
약 125자를 넘어가면 일부 스크린 리더가 내용을 잘라냅니다. 더 긴 설명이 필요하다면 상세한 내용은 본문 텍스트에 작성하는 것이 좋습니다.
상투적인 조언이 아닌 구체적인 작동 원리
- 01
접근성을 위한 기본 요소
시각 장애가 있는 고객은 대체 텍스트를 통해 어떤 제품인지 이해합니다. 이것이 작성해야 하는 본래 이유이며, 검색 노출 효과는 올바른 작성 뒤에 자연스럽게 따라옵니다.
- 02
Google 이미지 검색의 높은 구매 전환율
실물 제품을 구매할 때 많은 소비자가 이미지로 먼저 검색합니다. 대체 텍스트와 파일명은 이미지가 검색 결과에 노출되는 데 가장 중요한 기준입니다.
- 03
이미지 로딩 실패 시 대비책
네트워크 불안정이나 CDN 차단으로 이미지를 불러오지 못할 때, 고객에게 빈 공간 대신 표시되는 것이 대체 텍스트입니다.
자주 발견되는 문제와 해결 방법
Shopify 스토어에서 이 도구로 발견되는 문제의 대부분을 차지하는 4가지 원인입니다.
진단 결과
대체 텍스트가 파일명으로 설정됨
발생 원인
alt 속성이 지정되지 않아 보조 기술이 파일명을 그대로 읽습니다.
해결 방법
이미지를 짧은 문장으로 설명합니다. ‘IMG_4417’보다 ‘화이트 티셔츠 위에 걸친 네이비 린넨 셔츠’가 훨씬 낫습니다.
진단 결과
모든 이미지에 브랜드명만 반복됨
발생 원인
템플릿에서 모든 alt 속성에 스토어 이름을 일괄 삽입하도록 설정되어 있습니다.
해결 방법
해당 이미지만의 구체적인 특징을 설명합니다. 브랜드명을 수천 번 반복해도 SEO에 도움이 되지 않습니다.
진단 결과
장식용 이미지를 음성으로 안내함
발생 원인
배경 그래픽이나 여백 이미지에 불필요한 대체 텍스트가 입력되어 있습니다.
해결 방법
스크린 리더가 건너뛸 수 있도록 빈 값(alt="")으로 명시합니다.
진단 결과
대체 텍스트가 캡션과 중복됨
발생 원인
스크린 리더가 동일한 설명을 두 번 연속으로 읽게 됩니다.
해결 방법
화면에 보이는 캡션에 이미 설명이 포함되어 있다면 대체 텍스트는 비워두어도 됩니다.
이 도구로 알 수 없는 점
모든 도구에는 한계가 있습니다. 도구의 범위를 정확히 알아야 결과를 과대 해석하지 않습니다.
- 대체 텍스트의 유무와 형식적 적절성만 확인합니다. 이미지 내용과 설명이 실제로 일치하는지는 판별할 수 없으므로 직접 확인해야 합니다.
- 웹 접근성 전반을 검사하지는 않습니다. 명도 대비, 키보드 탐색, 포커스 순서 등 다른 중요한 접근성 요소는 점검 대상에 포함되지 않습니다.
이제 지속적인 자동 점검을 시작해 보세요.
ShopSEO를 무료로 설치하고 1분 안에 첫 진단을 진행할 수 있습니다. 마음에 들지 않는 변경 사항은 언제든 되돌릴 수 있습니다. 신용카드 등록, 테마 수정, 약정 없이 바로 이용할 수 있습니다.