공통 검수 기준은 전문가 검수 기준을 따르며, 본 문서에서는 기능형 이미지의 판정 및 처리 기준만 다루고 있어요.

  • 이미지가 링크, 버튼, 입력 이미지 등 상호작용 요소로 사용되고 있어야 해요.

  • 대체 텍스트는 이미지의 모양이 아닌 기능·목적·결과를 설명해야 해요.

  • "검색", "인쇄", "닫기", "다운로드", "메인으로 이동"처럼 행동 중심 표현으로 작성되어야 해요.

  • alt에 "버튼", "링크", "이미지" 같은 요소 유형이 포함되면 안 돼요.

  • 기능이 모호하지 않아야 하며, 사용자 관점에서 목적이 바로 이해되어야 해요.

상황

나쁜 예

좋은 예

돋보기 아이콘만 있는 검색 버튼

alt="돋보기"

alt="검색"

홈 아이콘만 있는 링크

alt="집 모양 아이콘"

alt="메인으로 이동"

X 아이콘만 있는 모달 닫기 버튼

alt="X"

alt="닫기"

"저장하기" 텍스트와 플로피디스크 아이콘이 같은 버튼 안에 있는 경우

alt="저장" (중복)

alt=""

링크나 버튼의 배경 이미지는 어떻게 작성해야 하나요?

CSS 로 적용된 배경이미지에는 alt를 사용할 수 없으므로, 링크 요소에 텍스트나 aria-label로 링크 목적을 제공해야 합니다.

링크 내부에 텍스트 제공 (권장)

HTML

aria-label 사용

HTML