ARIA 접근성 가이드

WCAG 2.2 · 3. 이해의 용이성 · 3.1 가독성

3.1.4 약어

Abbreviations

약어의 원래 형태나 뜻을 확인할 수 있는 방법을 제공해야 합니다.

수준 AAAWCAG 2.0

한눈에 보기

성공 기준
3.1.4 약어
수준
수준 AAA
원칙
3. 이해의 용이성
지침
3.1 가독성
도입
WCAG 2.0

요구 사항

약어(두문자어 포함)의 펼친 형태(expanded form) 또는 의미를 확인할 수 있는 수단이 있어야 합니다. 처음 나올 때 풀어 쓰거나, 용어집에 연결하거나, <abbr> 요소의 title로 펼친 형태를 제공할 수 있습니다.

약어가 원래 이름보다 널리 쓰여 그 자체가 단어가 된 경우(예: 특정 기관명)도, 그 뜻을 모르는 사용자가 있을 수 있으므로 의미를 확인할 수 있게 하는 것이 좋습니다.

왜 필요한가요

같은 약어가 분야에 따라 다른 뜻을 가지는 경우가 많고(예: "AT"는 보조 기술, 자동화 테스트 등), 인지장애가 있거나 처음 읽는 사용자는 약어를 해독하기 어렵습니다. 화면낭독기는 약어를 글자 단위로 읽거나 단어처럼 읽어 뜻을 짐작하기 어렵게 만들기도 합니다.

도움받는 사용자

  • 인지장애·학습장애 사용자
  • 화면낭독기 사용자
  • 해당 분야에 익숙하지 않은 사용자

적용 방법

가장 확실한 방법은 본문에서 처음 나올 때 풀어 쓰는 것입니다. <abbr title>의 title은 마우스 툴팁으로만 보이고 키보드·터치 사용자에게는 보이지 않으며, 화면낭독기도 기본 설정에서 읽지 않는 경우가 많으므로 보조 수단으로만 씁니다.

권장HTML
<p>WCAG(Web Content Accessibility Guidelines, 웹 콘텐츠 접근성 지침)는 W3C가 만든 국제 표준입니다.
이후 문단에서는 <abbr title="Web Content Accessibility Guidelines">WCAG</abbr>로 줄여 씁니다.</p>

자주 하는 실수

  • 약어를 풀어 쓴 곳이 페이지 어디에도 없습니다.
  • title 툴팁에만 뜻을 넣어 키보드·터치 사용자가 확인할 수 없습니다.

검사 방법

  • 페이지의 약어를 찾습니다.
  • 각 약어가 처음 나올 때 풀어 쓰였거나 용어집·<abbr> 등으로 뜻을 확인할 수 있는지 봅니다.

참고 자료