웹 접근성을 위한 alt 텍스트 글자수 기준
WCAG 2.1과 한국 웹 접근성 인증 기준에 따른 이미지 alt 텍스트 작성법과 권장 글자수를 사례별로 설명합니다.
Q.alt 텍스트는 몇 글자까지 써야 하나요?
WCAG 2.1에서는 alt 텍스트를 125자(영문 기준) 이내로 권장합니다. 스크린리더는 더 긴 텍스트도 읽을 수 있지만, 125자를 초과하면 사용자가 피로감을 느낍니다. 장식용 이미지는 alt=""(빈 값)을 사용합니다.
웹사이트 이미지에 alt 텍스트가 없으면 시각 장애인 사용자는 이미지 내용을 전혀 파악할 수 없다. 한국 웹 접근성 실태 조사에 따르면 국내 주요 사이트의 41%가 이미지 alt 텍스트를 누락하거나 부적절하게 작성하고 있다(한국지능정보사회진흥원, 2023).
WCAG 2.1 alt 텍스트 기준
W3C의 웹 콘텐츠 접근성 지침(WCAG 2.1) 성공 기준 1.1.1에 따르면 모든 비텍스트 콘텐츠에는 동등한 대안 텍스트가 필요하다.
권장 길이: alt 텍스트는 125자(영문) 이내. 한글 기준 약 60-70자.
스크린리더 JAWS와 NVDA는 512자까지 읽을 수 있지만, 125자를 초과하면 사용자의 인지 부하가 증가한다는 연구 결과가 있다(WebAIM, 2022).
이미지 유형별 작성 기준
1. 정보 전달 이미지
제품 사진, 사람 얼굴, 장소 등 내용이 중요한 이미지.
- 잘못된 예:
alt="이미지",alt="사진1.jpg" - 올바른 예:
alt="서울 광화문 광장 세종대왕 동상, 2024년 봄"
핵심 정보(누가, 무엇을, 어디서)를 간결하게 작성한다.
2. 장식용 이미지
배경 패턴, 구분선, 순수 장식 목적 이미지.
html
<img src="divider.png" alt="">
빈 alt 속성(alt="")을 사용하면 스크린리더가 해당 이미지를 건너뛴다. alt 속성 자체를 생략하면 스크린리더가 파일명을 읽어 버린다는 점을 주의해야 한다.
3. 텍스트 포함 이미지
버튼, 배너, 로고처럼 텍스트가 이미지 안에 있는 경우.
- alt에는 이미지 내의 텍스트를 그대로 포함한다
- 예:
alt="지금 무료 체험하기"(버튼 이미지의 경우)
4. 복잡한 차트·그래프
alt로 모든 데이터를 전달하기 어려울 때는 짧은 alt + 상세 설명 본문 조합을 사용한다.
html
<img src="chart.png" alt="2024년 분기별 매출 추이 차트">
<p>위 차트 데이터: 1분기 12억, 2분기 15억, 3분기 11억, 4분기 18억</p>
한국 웹 접근성 인증 마크(WA) 기준
과학기술정보통신부 고시 「한국형 웹 콘텐츠 접근성 지침 2.1」에서도 대안 텍스트 제공을 필수 기준(검사 항목 1.1.1)으로 정하고 있다. WA 인증 심사에서 alt 누락은 즉시 불합격 사유가 된다.
실무 체크리스트
- [ ] 모든
태그에 alt 속성이 있는가? - [ ] 장식용 이미지는
alt=""로 처리했는가? - [ ] alt 텍스트가 125자(한글 60자) 이내인가?
- [ ] 이미지 내 텍스트를 alt에 포함했는가?
- [ ] "이미지", "사진", 파일명을 alt로 쓰지 않았는가?
접근성 개선은 장애인 사용자뿐만 아니라 이미지 로딩 실패 시 모든 사용자에게 대안을 제공한다. SEO 관점에서도 구글 이미지 검색 노출에 직접 영향을 미친다.
---
이 글은 AI가 공개 자료를 기반으로 작성했습니다. WCAG 최신 버전은 W3C 공식 문서를 확인하세요.