WAI-ARIA
What is it?
WAI-ARIA는 World Wide Web Consortium (W3C) 에서 발표한 기술사양
- WAI: Web Accessibility Initiative (WAI) - 웹 접근성 발의? ( 기술사양 prefix 같은데... )
- ARIA: Accessible Rich Internet Applications (ARIA) 접근성이
풍부한?높은 인터넷 어플리케이션
브라우저 호환성
can I use
Web Accessibility? 웹 접근성이란?
어떠한 사용자(장애인, 노인 등), 어떠한 기술환경에서도 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것.
How?
WAI-ARIA는 사용자 인터페이스 요소의
- 역할(roles)
- 상태(state)
- 프로퍼티(property)
를 정의하여, 인터페이스에 대한 정보 제공.
TODOs UI 작성시
- 사용자에게 각 엘리멘트의 역할이 무엇인지 설명해야 한다: ROLE (eg.
<input type="checkbox">)
- 사용자에게 엘리멘트의 속성과 중요 연관성을 알려야 한다: PROPERTY (eg.
<input type=... disabled required readonly>)
- 사용자에게 엘리멘트의 상태를 알려야 한다: STATE ( eg.
... checked="true" disabled="false">)
- 상태변화가 있을시 사용자에게 알려야 한다: STATE CHANGE
- 키보드 접근성 제공 (TAB키로 이동)
마크업시 유용한 툴s
ARIA UI 예제
실무에서 많이 쓰이는 UI를 WAI-ARIA 사양에 맞춰 다시 작성해보자.
Resources