ARIA 상태와 속성
이 문서는 MDN에서 논의된 모든 WAI-ARIA 속성들을 다루는 참조 페이지를 나열합니다.
ARIA 속성을 사용하면 접근성 트리에 정의된 대로 요소의 상태와 속성을 수정할 수 있습니다.
참고 : ARIA는 접근성 트리만을 수정하여 보조 기술이 사용자에게 컨텐츠를 제공하는 방법을 수정합니다. ARIA는 요소의 기능이나 동작에 대해 아무것도 변경하지 않습니다. 의도된 목적과 기본 기능을 위해 시맨틱 HTML 요소를 사용하지 않을 때는 행동, 포커스 및 ARIA 상태를 관리하기 위해 JavaScript를 사용해야 합니다.
ARIA 속성 유형
ARIA 상태와 속성에는 4가지 유형이 있습니다:
-
위젯 속성
aria-autocomplete
aria-checked
aria-disabled
aria-errormessage
aria-expanded
aria-haspopup
aria-hidden
aria-invalid
aria-label
aria-level
aria-modal
aria-multiline
aria-multiselectable
aria-orientation
aria-placeholder
aria-pressed
aria-readonly
aria-required
aria-selected
aria-sort
aria-valuemax
aria-valuemin
aria-valuenow
aria-valuetext
-
실시간 영역 속성
-
드래그 & 드랍 속성
-
관계 속성
전역 ARIA 속성
일부 상태 및 속성은 ARIA 역할 적용 여부와 관계없이 모든 HTML 요소에 적용됩니다. 이들은 "전역" 속성으로 정의됩니다. 전역 상태 및 속성은 모든 역할 및 기본 마크업 요소에 의해 지원됩니다.
아래 속성 중 대부분은 전역 속성으로 특별히 금지되지 않는 한 어떤 요소에든 포함될 수 있습니다:
aria-atomic
aria-busy
aria-controls
aria-current
aria-describedby
aria-description
aria-details
aria-disabled
aria-dropeffect
aria-errormessage
aria-flowto
aria-grabbed
aria-haspopup
aria-hidden
aria-invalid
aria-keyshortcuts
aria-label
aria-labelledby
aria-live
aria-owns
aria-relevant
aria-roledescription
"특별한 상황에서만 금지된다"는 의미에서 위의 모든 속성들은 전역 속성입니다. 단, aria-label
및 aria-labelledby
속성은 presentation
역할 또는 동일한 의미의 none
역할을 갖는 요소들에는 허용되지 않습니다.
MDN에 정의된 상태와 속성들
다음은 MDN에서 논의된 WAI-ARIA 상태 및 속성을 다루는 참조 페이지입니다.
- aria-describedby
전역
aria-describedby
속성은 속성이 설정된 요소를 설명하는 요소(혹은 요소들)를 식별합니다.- aria-label
aria-label
속성은 상호작용되는 요소에 레이블된 문자열 값을 정의합니다.