whatisthis?
HTML) ARIA (Accessible Rich Internet Applications) 본문
HTML) ARIA (Accessible Rich Internet Applications)
thisisyjin 2021. 10. 30. 22:21ARIA (Accessible Rich Internet Applications)
= 장애를 가진 사용자가 웹 콘텐츠와 웹 어플리케이션(특히 JavaScript를 사용하여 개발한 경우)
에 더 쉽게 접근할 수 있는 방법을 정의하는 여러 특성
ARIA는 HTML을 보충해, 일반적으로 보조 기술이 알 수 없는
상호작용 및 흔히 쓰이는 어플리케이션 위젯에 필요한 정보를 제공.
** role(역할): 특정 요소에 역할정의, 사용자에게 정보제공, 부여한 역할 동적변경 불가
** WAI-ARIA =======================
WAI-ARIA(Web Accessibility Initiative – Accessible Rich Internet Applications)는
웹 페이지, 특히 동적 콘텐츠, 그리고 Ajax, HTML, 자바스크립트 및 관련 기술로 개발된
사용자 인터페이스 구성 요소의
접근성을 증가시키는 방법에 대해 규정한 W3C가 출판한 기술 사양임.
<aria-label 속성>
aria-label 속성을 이용해주면, 스크린리더로 읽어줄때에는 aria-label 안에 있는 내용이 읽힘.
(외관상의 변화는 전혀 없다.)
**
추후 수정예정
REFERENCE
https://developer.mozilla.org/ko/docs/Web/Accessibility/ARIA/ARIA_Techniques
ARIA 사용하기: 규칙, 상태, 속성 - 접근성 | MDN
ARIA defines semantics that can be applied to elements, with these divided into roles (defining a type of user interface element) and states and properties that are supported by a role. Authors must assign an ARIA role and the appropriate states and proper
developer.mozilla.org
ARIA의 속성,상태,역할 및 사용 예시/주의사항
출처: youtube aoa웹접근성 채널role="application":동일요소x,div요소와같이 그룹역할을하는 요소로 대체role="banner":비슷한 의미로
velog.io
'WEB STUDY > HTML,CSS' 카테고리의 다른 글
| CSS) CSS Selector(선택자) (0) | 2021.11.02 |
|---|---|
| CSS) inline-flex (인라인 flex) (0) | 2021.11.01 |
| CSS) CSS position attribute (0) | 2021.10.27 |
| HTML 훈련 - (6) Product Card (0) | 2021.10.24 |
| HTML 훈련 - (5) BreadCrumb & Pagination (1) | 2021.10.23 |
