ARIA 상태와 속성

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-busy
• aria-live
• aria-relevant
• aria-atomic

드래그 & 드랍 속성

• aria-dropeffect
• aria-grabbed

관계 속성

• aria-activedescendant
• aria-colcount
• aria-colindex
• aria-colspan
• aria-controls
• aria-describedby
• aria-description
• aria-details
• aria-errormessage
• aria-flowto
• aria-labelledby
• aria-owns
• aria-posinset
• aria-rowcount
• aria-rowindex
• aria-rowspan
• aria-setsize

전역 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 속성은 요소의 역할이 이름 지정을 금지하지 않는 한, 요소의 이름으로 사용할 수 있는 문자열 값을 정의합니다.

aria-labelledby

aria-labelledby 속성은 적용된 요소에 레이블을 제공하는 요소(또는 여러 요소)를 지정합니다.

같이 보기

• Using ARIA: roles, states, and properties