win-j 로고
개인 기술 블로그

Blog Utility

이미지 alt 누락 검사기

블로그 글 HTML 안의 이미지 태그를 분석해 alt 누락, 빈 alt, 파일명 기반 설명 여부를 빠르게 점검할 수 있습니다.

alt 누락 검사 이미지 태그의 alt 속성 누락 여부 확인
이미지 SEO 점검 검색엔진과 접근성을 고려한 이미지 설명 확인
블로그 품질 관리 발행 전 이미지 설명 누락을 빠르게 정리

본문 HTML 입력

블로그 글 본문 HTML을 붙여넣으면 이미지 태그와 alt 속성 상태를 자동으로 분석합니다.

대기 중
0자
HTML 코드를 입력한 뒤 alt 검사 버튼을 눌러주세요.

검사 결과

전체 이미지 수, alt 작성 상태, 점검이 필요한 이미지를 확인할 수 있습니다.

0 전체 이미지
0 alt 정상
0 alt 누락
0 빈 alt
순서 이미지 경로 alt 내용 상태
검사 결과가 여기에 표시됩니다.
사용 가이드

정보 이미지와 장식 이미지를 구분해 alt를 작성하는 방법

alt 속성은 모든 이미지에 긴 설명을 채우는 칸이 아닙니다. 정보를 전달하는 이미지는 목적에 맞는 대체 텍스트가 필요하고, 내용에 기여하지 않는 장식 이미지는 alt=""로 보조기술에서 건너뛰게 하는 것이 올바를 수 있습니다.

작성 · 검토
win-j
최종 검토
2026년 10월 1일

이런 분께 유용합니다

  • 블로그 본문의 이미지 대체 텍스트를 발행 전에 점검하려는 작성자
  • alt 속성 누락과 빈 alt의 차이를 이해하려는 운영자
  • 파일명 복사 같은 품질 문제를 HTML에서 빠르게 찾으려는 개발자

대표 활용 상황

  • 본문의 모든 img 요소에 alt 속성이 존재하는지 확인할 때
  • 스크린샷과 도표가 문맥에서 전달하는 핵심 정보를 대체 텍스트로 정리할 때
  • 장식 이미지에 불필요한 설명이 들어가거나 기능 이미지의 목적이 빠진 경우를 검토할 때

처음부터 결과 확인까지

  1. 1

    본문 HTML을 붙여넣고 alt 검사를 실행합니다.

  2. 2

    alt 속성이 없는 이미지는 먼저 정보·기능·장식 이미지로 분류합니다.

  3. 3

    정보 이미지는 주변 문장에 없는 핵심 의미를 간결하게 설명합니다.

  4. 4

    링크나 버튼 안의 기능 이미지는 이미지 모양보다 실행되는 동작을 설명합니다.

  5. 5

    순수 장식 이미지는 alt=""를 유지하고 경고를 문맥상 정상으로 판단합니다.

  6. 6

    복잡한 차트는 짧은 alt와 함께 본문 또는 인접한 위치에 상세 설명을 제공합니다.

사용 예시 1

결과 화면 스크린샷

입력
src=loan-result.png, alt=loan-result.png
결과
alt=월 상환액과 총이자를 비교한 대출 계산 결과

파일명이 아니라 독자가 이미지에서 얻을 핵심 정보를 설명합니다.

사용 예시 2

문단 사이 장식 구분선

입력
내용을 추가하지 않는 장식 이미지
결과
alt=""

스크린 리더가 불필요한 파일명이나 장식 설명을 읽지 않도록 빈 대체 텍스트를 사용합니다.

계산·처리 기준

DOMParser로 img 요소를 수집해 alt 속성 누락, 빈 값, 파일 확장자 또는 image·photo·사진·이미지 같은 일반 단어만 사용한 값, 4자 미만 값을 검토 항목으로 표시합니다. HTML 입력은 최대 500,000자로 제한합니다. 4자 미만 경고는 의미를 판단하지 않는 내부 기준입니다. 짧지만 충분한 대체텍스트를 무조건 늘릴 필요는 없습니다.

알아둘 한계

  • 이미지 픽셀과 주변 문맥을 이해하지 못하므로 alt 내용의 사실성이나 충분함을 자동 판정할 수 없습니다.
  • 빈 alt는 장식 이미지에서 올바르지만 도구는 이미지 역할을 알 수 없어 검토 항목으로 표시합니다.
  • CSS 배경 이미지, SVG 내부 title·desc, picture의 의미와 동적으로 삽입된 이미지는 분석하지 않습니다.
  • 짧은 alt도 아이콘의 기능을 정확히 설명할 수 있고 긴 alt도 불필요할 수 있으므로 길이는 품질 점수가 아닙니다.
개인정보 처리

붙여넣은 HTML은 현재 브라우저에서만 파싱하고 저장하지 않습니다. src나 data 속성에 서명된 주소, 토큰 또는 개인정보가 포함되어 있다면 제거한 뒤 입력하세요.

자주 묻는 질문

빈 alt는 항상 오류인가요?

아닙니다. 장식 이미지는 alt=""가 올바른 처리입니다. 정보나 기능을 전달하는 이미지에 빈 alt가 사용된 경우에만 내용을 보완해야 합니다.

좋은 alt는 몇 글자여야 하나요?

고정된 글자 수보다 이미지의 목적과 문맥이 중요합니다. 주변 문장에서 이미 설명한 내용을 반복하지 말고 이미지를 대신할 핵심만 간결하게 작성하세요.

차트의 모든 내용을 alt에 넣어야 하나요?

복잡한 차트를 alt 하나로 모두 설명하기보다 핵심 요약을 alt에 쓰고 데이터나 상세 해석을 인접한 본문·표로 제공하는 편이 좋습니다.