Markdown 이미지 ALT 검사기

Markdown 이미지 ALT 검사기 사용 가이드

처럼 대괄호가 빈 이미지는 화면 낭독기 사용자에게 '이미지'라고만 읽히고, 이미지가 깨졌을 때도 아무 설명이 남지 않습니다. 검색 엔진도 ALT로 이미지 내용을 이해합니다.

이 검사기는 문서의  이미지를 순서대로 찾아 'ALT 있음/ALT 없음'과 설명 글자, 경로를 한 줄씩 보여 줍니다. 공백만 들어 있는 ALT도 없는 것으로 보며, 마지막 줄에 'ALT 적용: 1/3'처럼 비율이 나옵니다.

참조 방식 이미지(![설명][키])와 HTML <img> 태그는 검사하지 않습니다.

사용 방법

1. 1'.md·.txt 파일'에서 이미지가 들어 있는 문서를 고르거나 'Markdown 내용'에 원고를 붙여 넣습니다.
2. 2'실행'을 누르면 이미지마다 번호, ALT 여부, 설명, 경로가 한 줄씩 나옵니다.
3. 3'ALT 없음'인 이미지의 대괄호 안에 내용을 설명하는 글을 넣고 다시 실행해 비율을 확인합니다.

![](hero.png)
![매출 추이 차트](chart.png)
![ ](icon.svg)

1	ALT 없음	(비어 있음)	hero.png
2	ALT 있음	매출 추이 차트	chart.png
3	ALT 없음	 	icon.svg
ALT 적용: 1/3

이럴 때 쓰면 좋아요

• 블로그 글을 발행하기 전에 이미지 설명이 빠졌는지 확인할 때
• 웹 접근성 점검 항목 중 이미지 대체 텍스트를 확인할 때
• 이미지가 많은 매뉴얼 문서의 ALT 적용 비율을 보고할 때
• 이미지 검색에서 상품 사진이 잘 찾아지도록 설명 원고의 ALT를 채울 때

문제가 생겼을 때

활용 팁

• 좋은 ALT는 '그림'이나 '사진' 같은 말 없이 내용을 짧게 적습니다. 예: '2024년 월별 매출이 꾸준히 오르는 막대 차트'.
• 글에서 이미 설명한 장식용 아이콘은 HTML에서는 alt를 비워 두는 것이 맞습니다. 이런 경우 'ALT 없음'은 의도한 것인지만 확인하세요.

자주 묻는 질문