# 이미지 대체 텍스트 검사기

<https://www.fixreports.com/ko/image-alt-text-checker>

페이지 주소를 입력하면 스크립트가 실행된 뒤 실제 브라우저에서 읽은 페이지의 모든 이미지를 대체 텍스트와 함께 보여 드립니다. 대체 텍스트가 없는 이미지, 장식용으로 지정된 이미지, 아무것도 설명하지 않는 대체 텍스트를 확인하십시오.

## 이 도구가 점검하는 항목
- 대체 텍스트가 없는 이미지: 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는 그 이미지가 왜 페이지에 있는지 모릅니다. 모든 초안을 검토하십시오. 알맞은 대체 텍스트는 직접 알고 계신 맥락에 따라 달라집니다.

## 출처
- [W3C: WCAG 2.2 성공 기준 1.1.1 Non-text Content 이해하기](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content)
- [W3C 이미지 튜토리얼: alt 결정 트리](https://www.w3.org/WAI/tutorials/images/decision-tree/)
- [W3C 이미지 튜토리얼: 기능적 이미지](https://www.w3.org/WAI/tutorials/images/functional/)
- [Google 검색 센터: 이미지 SEO 권장사항](https://developers.google.com/search/docs/appearance/google-images)
- [Deque: axe-core image-alt 규칙](https://dequeuniversity.com/rules/axe/4.13/image-alt)
- [WebAIM: The WebAIM Million (2026)](https://webaim.org/projects/million/)