[HTML] WAI-ARIA

녕녕·2022년 10월 26일
0

HTML🍰

목록 보기
13/16
post-thumbnail

📌웹접근성

  • 웹을 인식, 이해, 탐색 및 상호 작용하는 것을 보다 쉽게하는 것
  • 웹을 포함한 정보 및 통신 기술에 대한 액세스는 유엔 장애인권리협약(UN CRPD )에서 기본적인 인권으로 정의됨
  • 다음의 사용자에게 도움이 됨
    • 장애를 가진 자
    • 기타 디바이스를 사용하는 자
    • 노인
    • 환경으로인해 상황적 제한이 있는 자
    • 네트워크 연결에 어려움이 있는 자

📌WAI-ARIA 정의

  • WAI-ARIA(Web Accessibility Initiative – Accessible Rich Internet Applications)
  • 장애가 있는 사람들이 웹 콘텐츠와 웹 응용 프로그램에 더 쉽게 액세스할 수 있도록 하는 방법을 정의
  • 사용자가 Tab을 여러 번 누르지 않고도 영역 간 쉽게 이동 가능
  • HTML 요소에 따라 스크린 리더 등의 보조기기에서 제대로 읽히지 않을 수 있음. 웹 애플리케이션에 역할(Role), 속성(Property), 상태(State) 정보를 추가하여 WAI-ARIA 는 이를 개선함.

📌WAI-ARIA 제공

  • 위젯 유형을 설명
  • 웹 페이지의 구조를 설명
  • 상태 위젯을 설명하는 속성(예: 체크 상자의 경우 "checked" 또는 메뉴의 경우 "haspopup")
  • 웹 개체 및 이벤트에 대한 키보드 탐색을 제공

📌사용법

📌참고

profile
FE Developer | 차근차근

0개의 댓글