WAI-ARIA

WAI-ARIA란?

 

Web Accessibility Initiative – Accessible Rich Internet Applications

 

WAI : W3C에서 웹 접근성을 담당하는 기관

ARIA : RIA 환경의 웹 접근성에 대한 표준 기술 규격 의미

RIA : 정적인 html, 단순한 자바스크립트 환경의 웹이 아닌 동적인 자바스크립트와 Ajax와 같은 기술을 사용한 환경에서의 수준 높은 ux를 제공하는 웹 어플리케이션

 

: 스크린리더와 같은 보조 기술을 사용하는 사용자가 브라우저를 읽을 떄 각 요소가 어떤 역할을 하고 무슨 의미로 존재하는지 알 수 있도록 하기 위해 만들어진 기술

: 자바스크립트나 그 외 다른 언어들을 사용한 동적인 페이지를 새로고침 하지 않아도 페이지의 내용과 데이터가 어떻게 바꼈는지 역할(role) 속성(property) 상태(state) 정보를 추가하여 페이지의 접근성을 높여줌

---

WAI-ARIA를 사용하는 이유

 

: RIA는 화려하고 편리한 웹 어플리케이션이지만 스크린리더와 같은 보조 기술을 사용하는 사용자들에게는 접근하기 취약하기 때문에 접근성을 높여주기 위해 사용

: 자바스크립트, Ajax를 활용하여 의미를 가지지 않는 요소(div, span)로 특정 컴포넌를 구현할 때 스크린리더와 같은 보조기기에 해당 컴포넌트의 기능을 명확히 알려주기 위해서 사용

---

role

: 태그의 역할을 알려주는 속성

: role에 들어가는 값은 정해진 값을 넣어야함

---

참고

https://velog.io/@a_in/WAI-ARIA-role-aria-label..

https://abcdqbbq.tistory.com/76

https://www.biew.co.kr/tag/aria-describedby