맨위로가기

WAI-ARIA

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

1. 개요

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

더 읽어볼만한 페이지

  • Ajax - 구글 문서도구
    구글 문서도구는 구글에서 제공하는 웹 기반 워드 프로세서로, 문서 작성, 편집, 공유 기능을 제공하며, 다양한 문서 형식 지원, 실시간 공동 작업, 머신러닝 기반 기능을 제공하고, 구글 드라이브를 통해 문서 및 파일을 함께 이용할 수 있다.
  • Ajax - AngularJS
    AngularJS는 동적 웹 애플리케이션 개발을 용이하게 하기 위해 설계된 오픈 소스 자바스크립트 프레임워크로, MVC 패턴 적용, 의존성 주입, HTML 확장 디렉티브 제공, 양방향 데이터 바인딩 등의 특징을 가지며, 장기 지원은 종료되었지만 웹 개발에 중요한 영향을 미쳤다.
  • 웹 2.0 - 페이스북
    페이스북은 마크 저커버그가 2004년 공동 창업한 소셜 네트워킹 서비스로, 전 세계적인 확장과 다양한 기능 추가, 사업 영역 확장을 거쳤으나, 개인정보 문제 및 논란으로 비판받았고, 2021년 메타 플랫폼즈로 사명을 변경하며 메타버스 구축에 집중하고 있다.
  • 웹 2.0 - 블로그
    블로그는 웹로그의 줄임말로, 개인이나 단체가 글, 사진, 동영상 등을 자유롭게 공유하는 웹사이트이며, 다양한 종류와 운영 방식이 존재하고 사회적으로 큰 영향력을 가지지만 문제점도 내포하고 있다.
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 공식 웹사이트

2. 역사

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

3. 목적

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

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

4. 범위

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

5. 관련 문서


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

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

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

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

참조

[1] 웹사이트 Scalable Vector Graphics (SVG) Tiny 1.2 Specification https://www.w3.org/T[...] 2023-05-09
[2] 웹사이트 Accessible Rich Internet Applications (WAI-ARIA) 1.0 https://www.w3.org/T[...] 2023-05-09
[3] 웹사이트 Accessible Rich Internet Applications (WAI-ARIA) 1.1 https://www.w3.org/T[...] 2023-05-09
[4] 웹사이트 ARIA and HTML https://web.dev/lear[...] 2023-05-09
[5] 웹사이트 5 Rules of ARIA https://dev.to/konru[...] 2023-05-09
[6] 웹사이트 StackPath https://www.deque.co[...] 2023-05-09
[7] 웹사이트 WebAIM: Introduction to ARIA - Accessible Rich Internet Applications https://webaim.org/t[...] 2023-05-09
[8] 웹사이트 Using ARIA https://www.w3.org/T[...] 2023-05-09
[9] 웹사이트 WAI-ARIA Overview https://www.w3.org/W[...] W3C 2011-01-18
[10] 웹사이트 Document Structure – SVG Tiny 1.2 § 5.10.1 Attributes common to all elements https://www.w3.org/T[...] 2008-12-22
[11] 웹사이트 Document Structure – SVG Tiny 1.2 § 18.3 Extensible metadata attributes https://www.w3.org/T[...] 2008-12-22
[12] 웹사이트 Accessible Rich Internet Applications (WAI-ARIA) 1.0 https://www.w3.org/T[...] W3.org 2014-04-11
[13] 웹사이트 WAI-ARIA Authoring Practices 1.1 http://www.w3.org/TR[...] Accessible Rich Internet Applications Working Group 2019-08-14
[14] 웹사이트 Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap) http://www.w3.org/TR[...] Protocols & Formats Working Group 2008-02-04
[15] 웹사이트 Accessible Rich Internet Applications (WAI-ARIA) 1.2 https://www.w3.org/T[...] Accessible Rich Internet Applications Working Group 2021-03-02
[16] 웹사이트 WAI-ARIA Overview https://www.w3.org/W[...] W3C 2011-01-18
[17] 웹사이트 Document Structure – SVG Tiny 1.2 {{section-sign}} 5.10.1 Attributes common to all elements https://www.w3.org/T[...] 2008-12-22
[18] 웹사이트 Document Structure – SVG Tiny 1.2 {{section-sign}} 18.3 Extensible metadata attributes https://www.w3.org/T[...] 2008-12-22
[19] 웹사이트 WAI-ARIA Overview https://www.w3.org/W[...] W3C 2011-01-18
[20] 웹사이트 Accessible Rich Internet Applications (WAI-ARIA) 1.0 https://www.w3.org/T[...] W3.org
[21] 웹사이트 WAI-ARIA Overview https://www.w3.org/W[...] W3C 2011-01-18
[22] 웹사이트 WAI-ARIA Authoring Practices 1.1 http://www.w3.org/TR[...] Accessible Rich Internet Applications Working Group 2019-08-14
[23] 웹사이트 Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap) https://www.w3.org/T[...] Protocols & Formats Working Group 2008-02-04
[24] 웹사이트 Accessible Rich Internet Applications (WAI-ARIA) 1.0 https://www.w3.org/T[...] W3.org
[25] 문서 See [http://www.w3.org/TR/2008/WD-SVGMobile12-20080915/struct.html#RoleAttribute SVG 1.2 Tiny: role attribute] and [http://www.w3.org/TR/2008/WD-SVGMobile12-20080915/metadata.html#MetadataAttributes SVG 1.2 Tiny: Extensible metadata attributes].
[26] 웹인용 Accessible Rich Internet Applications (WAI-ARIA) 1.0 http://www.w3.org/TR[...] W3.org 2014-04-11
[27] 웹인용 WAI-ARIA Overview http://www.w3.org/WA[...] W3.org 2011-01-18


본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com