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

  • 이미지가 없어도 본문 이해에 영향이 없어야 해요.

  • 클릭, 이동, 실행 등 기능을 수행하지 않아야 해요.

  • 이미지가 전달하는 내용이 주변 텍스트에 이미 충분히 포함되어 있어야 해요.

  • 정보 전달 목적이 아닌, 배경·분위기·꾸밈·여백·시각적 보조 목적에 해당해야 해요.

  • 장식형으로 판단한 이미지는 반드시 빈 alt(alt="")로 처리되어야 해요.

  • 실제로는 정보형 또는 기능형에 해당하는 이미지를 장식형으로 오분류하면 안 돼요.

장식형 이미지에 aria-label이나 title을 사용해도 되나요?

장식형 이미지는 보조기술에서 읽히지 않아야 하는 요소이므로 다음과 같이 처리하는 것이 좋습니다.

  • alt="" 사용

  • aria-label, aria-labelledby, title 등 추가 설명 속성 사용하지 않음

  • 초점 이동 요소가 되지 않도록 설정

이렇게 해야 스크린리더가 해당 이미지를 완전히 무시합니다.

장식용 svg도 alt 빈값으로 대체 텍스트를 작성하면 되나요?

svg에는 alt 를 사용할 수 없습니다.

alt 속성은 <img> 요소에서만 사용할 수 있는 속성이므로, 장식용 SVG의 경우에는 스크린 리더가 해당 요소를 읽지 않도록 aria-hidden="true"를 사용하여 처리합니다.

HTML