무료 웹 접근성 도구
이미지 대체 텍스트 검사기
페이지 주소를 입력하면 스크립트가 실행된 뒤 실제 브라우저에서 읽은 페이지의 모든 이미지를 대체 텍스트와 함께 보여 드립니다. 대체 텍스트가 없는 이미지, 장식용으로 지정된 이미지, 아무것도 설명하지 않는 대체 텍스트를 확인하십시오.
무료입니다. 입력한 주소를 약 20초 만에 점검합니다.
이 도구가 점검하는 항목
대체 텍스트가 없는 이미지
alt 속성도 없고 aria-label 같은 다른 접근 가능한 이름도 없는 모든 img 요소와 이미지 버튼입니다.
링크의 이름을 없애는 링크 이미지
링크나 버튼 안에 있으면서 대체 텍스트도 다른 텍스트도 없는 로고와 아이콘입니다. 스크린 리더는 “링크”라고만 읽을 수 있습니다.
파일 이름처럼 보이는 대체 텍스트
IMG_2041.jpg, DSC0042, 긴 숫자열 같은 값입니다. 많은 시스템이 업로드할 때 이런 값을 자동으로 채웁니다.
너무 일반적인 단어
“image”(이미지), “photo”(사진), “logo”(로고), “banner”(배너)만 적힌 대체 텍스트로는 이미지가 무엇을 보여 주는지 아무도 알 수 없습니다.
중복되거나 반복된 텍스트
“image of”(~의 이미지)로 시작하거나, 바로 옆의 링크 텍스트를 반복하거나, 서로 다른 이미지 3개 이상에 다시 쓰인 설명입니다.
장식용 이미지와 숨겨진 이미지
alt="" 또는 role="presentation"으로 지정된 이미지와 aria-hidden이나 CSS로 숨겨진 이미지는 따로 보여 드리므로, 각각이 정말 장식용인지 확인할 수 있습니다.
이미지별 미리 보기
대체 텍스트 옆에 썸네일이 표시되므로 각 설명을 몇 초 만에 판단할 수 있습니다. 필터로 문제만 또는 확인할 항목만 볼 수 있습니다.
점검할 수 없는 항목
- 대체 텍스트가 정확한지는 판단할 수 없습니다. 이미지를 볼 수 있고 그 이미지가 왜 페이지에 있는지 아는 사람만 판단할 수 있습니다.
- CSS 배경으로 설정된 이미지나 SVG, canvas 그래픽의 대체 텍스트는 검사할 수 없습니다. 목록에 표시되는 것은 img 요소와 이미지 버튼입니다.
- 삽입된 동영상, 지도, 광고 등 프레임 안의 이미지는 검사할 수 없습니다.
- 이미지는 최대 150개까지 표시합니다. 아주 긴 페이지에서는 처음 150개를 보여 드리고 전체 개수를 알려 드립니다.
- 다른 페이지는 테스트할 수 없습니다. 무료 전체 스캔에서는 주요 페이지 최대 5개에서 나머지 WCAG 항목과 함께 대체 텍스트를 검사합니다.
중요한 이유
대체 텍스트는 스크린 리더가 이미지 대신 읽어 주는 내용이자, 이미지를 불러오지 못했을 때 브라우저가 표시하는 내용입니다. WCAG 2.2 성공 기준 1.1.1(레벨 A)은 정보를 전달하는 모든 이미지에 대체 텍스트를, 그렇지 않은 이미지에는 빈 대체 텍스트를 요구합니다.
대체 텍스트 누락은 웹에서 두 번째로 흔한 접근성 오류입니다. WebAIM의 2026년 분석에서는 상위 100만 개 홈페이지의 53.1%에서 발견되었고, 검사한 전체 이미지의 16.2%에 대체 텍스트가 없었습니다.
검색 엔진도 대체 텍스트를 읽습니다. Google은 컴퓨터 비전 및 페이지 콘텐츠와 함께 대체 텍스트를 사용해 이미지를 이해하며, 링크된 이미지의 대체 텍스트는 링크의 앵커 텍스트처럼 작동한다고 설명합니다.
결과 해석 방법
- 대체 텍스트 없음
- 이미지에 alt 속성도 다른 이름도 없습니다. 소프트웨어에 따라 스크린 리더가 파일 이름을 읽거나 이미지를 건너뛸 수 있습니다.
- 장식용
- alt="" 또는 role="presentation": 스크린 리더가 이미지를 건너뜁니다. 장식이라면 올바르지만, 정보를 전달하는 이미지나 링크의 유일한 콘텐츠인 이미지라면 잘못된 것입니다.
- 대체 텍스트 있음
- 이미지에 설명이 있습니다. 문제가 있어 보이는 것은 표시해 드리지만, 나머지도 정확한지는 사람이 확인해야 합니다.
- ARIA 또는 title로 이름 지정
- alt 속성은 없지만 aria-label, aria-labelledby 또는 title로 이름이 지정되어 있습니다. 자동화 테스트는 통과하지만 alt가 여전히 더 확실한 방법입니다.
- 숨김
- 표시되지 않거나 aria-hidden으로 보조 기술에서 숨겨져 있습니다. 원래 보여야 하는 이미지가 아니라면 수정할 필요가 없습니다.
- 이름 없는 링크
- 대체 텍스트 없는 이미지만 포함한 링크나 버튼입니다. 이미지 자체가 장식용이더라도 실패입니다.
- 확인 필요
- 파일 이름이나 일반적인 단어처럼 보이거나, “image of”로 시작하거나, 링크 텍스트를 반복하거나, 매우 길거나, 여러 이미지에 다시 쓰인 대체 텍스트입니다.
흔한 문제를 해결하는 방법
상품 사진과 콘텐츠 사진
페이지 맥락에서 이미지가 없으면 무엇을 놓치게 되는지 설명하십시오. 상품이라면 상품 자체, 색상, 보이는 각도를, 아티클 사진이라면 본문에 나오지 않는 내용 중 사진이 보여 주는 것을 적습니다.
홈으로 연결되는 로고
링크된 이미지는 링크가 어디로 가는지 알려 주어야 합니다. 홈페이지로 연결되는 로고에는 “logo” 대신 alt="Acme 홈"처럼 회사 이름을 사용하십시오.
링크와 버튼 안의 아이콘
아이콘에 “검색”이나 “장바구니”처럼 동작을 나타내는 대체 텍스트를 지정하거나, 링크에 aria-label을 지정하고 아이콘은 alt=""로 장식용으로 표시하십시오.
장식용 이미지
구분선, 배경 장식, 바로 옆 텍스트와 내용이 같은 이미지에는 alt=""(속성이 없는 것이 아니라 빈 값)를 사용하십시오.
플랫폼이 자동으로 채운 파일 이름
많은 플랫폼이 업로드할 때 파일 이름을 alt 입력란에 복사합니다. 이미지를 관리하는 곳에서 수정하십시오. Shopify에서는 상품의 미디어, WordPress에서는 미디어 라이브러리의 대체 텍스트 입력란입니다.
차트와 인포그래픽
차트가 무엇을 보여 주는지 알려 주는 짧은 alt를 지정하고, 데이터나 요약은 옆의 본문이나 표에 넣으십시오.
이 도구에 관한 질문
대체 텍스트란 무엇인가요?
이미지의 alt 속성에는 이미지의 대체 텍스트가 들어갑니다. 스크린 리더는 이를 소리 내어 읽고, 이미지를 표시할 수 없을 때 브라우저는 이를 보여 줍니다.
모든 이미지에 대체 텍스트가 있어야 하나요?
모든 img 요소에는 alt 속성이 있어야 합니다. 정보를 전달하는 이미지라면 이미지를 설명하고, 장식용 이미지라면 비워 두어(alt="") 스크린 리더가 건너뛰게 합니다.
대체 텍스트는 얼마나 길어야 하나요?
WCAG에는 길이 제한이 없습니다. 좋은 대체 텍스트는 대개 짧은 구절이나 한 문장입니다. 이미지에 더 많은 설명이 필요하다면 페이지 본문이나 캡션에서 설명하고 alt는 짧게 유지하십시오. 150자가 넘는 대체 텍스트는 다시 한번 살펴보시도록 표시해 드립니다.
대체 텍스트가 SEO에 도움이 되나요?
Google은 컴퓨터 비전 및 페이지 콘텐츠와 함께 대체 텍스트를 사용해 이미지를 이해하며, 링크된 이미지의 대체 텍스트는 앵커 텍스트처럼 작동한다고 설명합니다. 또한 alt 속성에 키워드를 채워 넣으면 스팸으로 취급될 수 있다고 경고합니다.
title 속성은 alt와 같은가요?
아니요. title은 마우스를 올렸을 때 툴팁으로 표시되며, 스크린 리더가 항상 읽어 주지도 않고 터치스크린에서는 사용할 수 없습니다. alt가 없으면 자동화 테스트는 title을 이름으로 인정하지만, 믿을 수 있는 선택은 alt입니다.
AI가 대체 텍스트를 작성해 줄 수 있나요?
설명 초안은 작성할 수 있지만, AI는 그 이미지가 왜 페이지에 있는지 모릅니다. 모든 초안을 검토하십시오. 알맞은 대체 텍스트는 직접 알고 계신 맥락에 따라 달라집니다.
발견 사항만이 아니라 수정 방법이 필요하신가요?
접근성 수정 리포트($174, 1회 결제)는 전체 무료 스캔을 바탕으로 더 많은 페이지, 모든 발견 사항에 대한 변경 사항, PDF, 수정 결과를 검증하는 재테스트를 제공합니다.