pageservice.tistory.com

프론트엔드 개발 실무/웹표준 & 웹접근성 실무 가이드

[웹접근성 완벽가이드 ①] WAI-ARIA 이름의 의미

free21 2025. 5. 15. 10:55

WAI-ARIA 이름의 의미

WAI 용어 해석


WAI-ARIA는 이름 자체가 이 기술의 목적과 배경을 잘 설명해주는 약어입니다.


1. WAI (Web Accessibility Initiative)

  • *W3C(Web Consortium)**에서 주도한 웹 접근성 표준화 프로젝트입니다.
  • *"모두를 위한 웹 접근성 향상"**이 목표예요.
  • WAI는 여러 가이드라인을 만들어냈는데, 그 중 하나가 바로 ARIA입니다.
    • 대표 문서: WCAG, ATAG, UAAG, 그리고 ARIA

2. ARIA (Accessible Rich Internet Applications)

  • 풍부한(Rich) UI 요소가 포함된 웹 애플리케이션에 접근성을 부여하기 위한 기술입니다.
  • 기존 HTML 요소만으로는 표현하기 어려운 동적인 UI 컴포넌트들(예: 드롭다운, 탭, 모달 등)의 의미를 보조 기술에게 전달하기 위해 고안되었습니다.

풀네임 정리

WAI-ARIA = Web Accessibility Initiative – Accessible Rich Internet Applications

즉,

**웹 접근성 향상을 위한 프로젝트(WAI)**에서 만든

접근 가능한 리치 인터넷 애플리케이션 기술(ARIA) 이라는 뜻입니다.


왜 필요한가?

  • HTML만으로는 UI의 의미와 상태를 정확히 전달하기 어려운 경우가 있음
  • 특히 시각장애인을 위한 스크린리더보조 기술이 자바스크립트 기반 인터페이스를 이해하지 못함
  • 이때 WAI-ARIA를 사용해 역할(role), 상태(state), **속성(property)**을 명확히 전달하면 → 보조 기술도 커스텀 UI를 정확히 인식하고 조작 가능

▲ TOP