WAI-ARIA

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요

WAI-ARIA는 웹 콘텐츠 접근성을 향상시키기 위해 HTML 콘텐츠에 시맨틱 및 메타데이터를 추가하는 기술이다. 2008년에 처음 도입되었으며, 2014년과 2017년에 각각 W3C 권고안으로 확정되었다. WAI-ARIA는 웹 애플리케이션, 웹 브라우저, 보조 기술, 접근성 평가 도구 등에서 사용되며, HTML뿐만 아니라 SVG와 같은 다른 마크업 언어에도 적용될 수 있다. WAI-ARIA는 웹 페이지를 애플리케이션처럼 동작하게 하여, 스크린 리더 사용자나 마우스 사용이 어려운 장애인에게 더 나은 웹 접근성을 제공하는 것을 목표로 한다. WAI-ARIA 사용 시에는 5가지 규칙을 준수해야 한다.

WAI-ARIA
웹 접근성
개요웹 콘텐츠를 장애인이 접근할 수 있도록 하는 기술 표준
약칭WAI-ARIA
전체 이름웹 접근성 이니셔티브 - 접근 가능한 리치 인터넷 애플리케이션
표준 정보
상태W3C 권고
시작 년도2006년
최초 게시일2006년 9월 26일
버전WAI-ARIA 1.2: W3C 권고
버전 날짜2023년 6월 6일
관련 단체W3C
Adobe
Apple
IBM
Igalia
Knowbility
스펙-옵스 (Spec-Ops)
위원회ARIA 워킹 그룹 (Accessible Rich Internet Applications Working Group)
편집자조앤마리 딕스 (Joanmarie Diggs)
제임스 너든 (James Nurthen)
마이클 쿠퍼 (Michael Cooper)
캐롤린 맥레오드 (Carolyn MacLeod)
관련 표준보조 기술
프로그레시브 웹 앱
시맨틱 HTML
웹 접근성
웹사이트WAI-ARIA 공식 웹사이트
📚 더 읽어볼만한 페이지
  • Ajax - 구글 문서도구
  • Ajax - AngularJS
    AngularJS는 동적 웹 애플리케이션 개발을 용이하게 하기 위해 설계된 오픈 소스 자바스크립트 프레임워크로, MVC 패턴 적용, 의존성 주입, HTML 확장 디렉티브 제공, 양방향 데이터 바인딩 등의 특징을 가지며, 장기 지원은 종료되었지만 웹 개발에 중요한 영향을 미쳤다.
  • 웹 2.0 - 페이스북
    페이스북은 마크 저커버그가 2004년 공동 창업한 소셜 네트워킹 서비스로, 전 세계적인 확장과 다양한 기능 추가, 사업 영역 확장을 거쳤으나, 개인정보 문제 및 논란으로 비판받았고, 2021년 메타 플랫폼즈로 사명을 변경하며 메타버스 구축에 집중하고 있다.
  • 웹 2.0 - 블로그
    블로그는 웹로그의 줄임말로, 개인이나 단체가 글, 사진, 동영상 등을 자유롭게 공유하는 웹사이트이며, 다양한 종류와 운영 방식이 존재하고 사회적으로 큰 영향력을 가지지만 문제점도 내포하고 있다.

2. 역사

2008년 9월 15일, SVG 1.2 Tiny 작업 초안에 WAI-ARIA 지원이 추가되었다. 2014년 3월 20일, WAI-ARIA 1.0이 W3C 권고안으로 확정되었다.

3. 목적

WAI-ARIA의 주요 목적은 HTML만으로 구현하기 어려운 동적인 웹 애플리케이션 및 사용자 인터페이스(위젯)의 접근성을 향상시키는 것이다. 특히, 스크린 리더 사용자나 마우스 사용이 어려운 장애인 등 보조 기술을 필요로 하는 사용자들이 웹 콘텐츠를 쉽게 이용할 수 있도록 지원한다. 웹 페이지를 정적 문서가 아닌 애플리케이션으로 선언할 수 있게 하여, 웹 개발자와 보조 기술 개발자 간의 상호 운용성을 높인다.

WAI-ARIA는 사용자 인터페이스 컨트롤과 동적인 콘텐츠를 더 잘 접근할 수 있도록 시맨틱 및 기타 메타데이터를 HTML 콘텐츠에 추가하는 방식을 기술한다. 예를 들어 WAI-ARIA를 통해 내비게이션 메뉴로서 링크 목록을 식별할 수 있으며, 펼치기/접기 여부의 상태를 지시할 수 있다. 원래 HTML의 접근성 문제를 해결하기 위해 개발되었으나 WAI-ARIA는 HTML에만 국한되어 사용되지 않는다. SVG 등 다른 마크업 언어에도 사용할 수 있다.

4. 범위

WAI-ARIA는 사용자 인터페이스 컨트롤과 동적 콘텐츠의 접근성을 높이기 위해 시맨틱과 기타 메타데이터를 HTML 콘텐츠에 추가하는 방식을 기술한다. 예를 들어, WAI-ARIA를 통해 내비게이션 메뉴로서 링크 목록을 식별할 수 있으며, 메뉴가 펼쳐져 있는지 접혀 있는지 등의 상태를 지시할 수 있다. WAI-ARIA는 원래 HTML의 접근성 문제를 해결하기 위해 개발되었으나, HTML뿐만 아니라 SVG 등 다른 마크업 언어에도 적용 가능하다. WAI-ARIA는 웹 애플리케이션, 웹 브라우저, 보조 기술, 접근성 평가 도구 개발자들이 사용하도록 고안되었다.

5. 관련 문서

* 웹 접근성 이니셔티브(WAI)는 WAI-ARIA에 대한 개요 및 관련 문서를 제공한다.
* 접근 가능한 풍부한 인터넷 응용 프로그램 (WAI-ARIA) 버전 1.0 : 주로 웹 브라우저, 보조 기술 및 기타 사용자 에이전트 개발자, 다른 기술 사양 개발자 및 접근성 평가 도구 개발자를 대상으로 한다. WAI-ARIA는 2014년 3월 20일에 완료되어 W3C 권고안이 되었다.
* WAI-ARIA 개요 : WAI-ARIA에 대한 기술적인 소개이다. WAI-ARIA가 해결하려는 문제, 기본 개념, 기술적 접근 방식 및 WAI-ARIA를 채택해야 하는 비즈니스상의 이유를 설명한다.
* WAI-ARIA 제작 관행 : WAI-ARIA를 사용하여 풍부한 인터넷 응용 프로그램을 제공하기 위한 모범 사례를 설명한다. 여기에는 접근 가능한 위젯 구축을 위한 일반적인 단계, 키보드 탐색, 관계, 양식 속성, 드래그 앤 드롭 지원, 경고대화 상자, 재사용 가능한 구성 요소 라이브러리 및 테스트와 같은 주제가 논의된다.
* 접근 가능한 풍부한 인터넷 응용 프로그램 로드맵 (WAI-ARIA 로드맵) : 이 문서의 많은 내용은 다른 문서로 이동되었다.
* Accessible Rich Internet Applications (WAI-ARIA) Version 1.1 : 주로 웹 브라우저, 보조 기술, 기타 사용자 에이전트 개발자 외에 다른 기술 사양 개발자, 접근성 평가 도구를 대상으로 한다. WAI-ARIA 1.1은 2017년 12월 14일에 월드 와이드 웹 컨소시엄(W3C)에 의해 권고되었다.
* ARIA 사양 편집자로는 리사 시먼, 리치 슈웨르트페거, 제임스 크레이그, 마이클 쿠퍼, 리사 파파스가 있다.

6. WAI-ARIA의 5가지 규칙 (영어 문서 기반)

가능하다면 네이티브 HTML 요소나 속성을 사용하여 의미를 전달하고, 불필요하게 ARIA를 사용하지 않는다. 네이티브 HTML 요소의 의미를 변경하지 않는다.(꼭 필요한 경우 제외) 모든 대화형 ARIA 컨트롤은 키보드로 조작 가능해야 한다. 의미를 제거하거나 포커스 가능한 요소를 숨기지 않는다.(포커스 가능한 요소에 `role="presentation"` 또는 `aria-hidden="true"` 사용) 모든 대화형 요소에 접근 가능한 이름을 부여한다.

7. 관련 항목 (일본어 문서 기반)

* 웹 접근성
* AJAX
* RIA
* 유니버설 디자인