ARIA

ARIA

ARIA

• 웹 콘텐츠의 접근성 향상시키 위한 WAI-ARIA(Web Accessibility Initiative-Accessible Rich Internet Applications) 속성
• 웹 콘텐츠 및 웹 애플리케이션의 접근성 향상시키기 위해 W3C(World wide Wbb Consortium)에서 제공하는 기술 표준
• 시각 장애가 있는 사용자가 웹 콘텐츠를 보다 쉽게 이해할 수있도록 도움
• 웹 콘텐츠에서 의미론적인 정보를 제공하여 스크린 리더 등의 보조 기술이 해당 정보를 사용자에게 제공할 수 있도록 하는 것
• 모달창, 드롭다운 메뉴, 탭, 툴팁, 얼럿 및 메시지 박스 등의 사용자 인터페이스 구성 요소에 사용
• 잘못된 정보를 제공 시 접근성 저하 가능성
• 모든 브라우저와 보조 기기가 ARIA 속성을 완전히 지원안할 가능성 있음
• 접근성을 개선하기 위한 보조적인 도구로 사용되어야 하며, HTML 요소의 의미론적인 사용에 우선해야 함

속성 종류

• aria-label : 대체 텍스트에서 레이블을 제공하여 요소의 목적이나 기능 설명
• aria-labelledby : 레이블로 사용할 요소의 ID를 참조하여 소에 대한 레이블 제공
• aria-describedby : 요소에 대한 추가 설명이나 정보를 제공하는데 사용
• aria-hidden : 요소를 스크린 리더에게 읽히지 않도록 숨김 처리할 때 사용
• aria-expanded : 드롭다운, 툴팁, 아코디언 등의 요소의 확장 여부 표기
• aria-checked : 라디어 버튼, 체크 박스 등의 선택 여부 표기
• aria-selected : 선택된 요소 표기
• aria-disabled : 사용 불가능한 상태인 요소표기
• aria-live : 동적으로 변경되는 콘텐츠의 실시간 업데이트를 스크린 리더에게 전달
• aria-controls : 해당 요소와 관련된 컨트룰 요소의 ID 제공
• aria-haspopup : 해당 요소가 팝업을 가지고 있음을 표기
• aria-describedby : 요소와 관련된 설명 제공