ARIA 상태와 속성

이 문서는 MDN에서 논의된 모든 WAI-ARIA 속성들을 다루는 참조 페이지를 나열합니다.

ARIA 속성을 사용하면 접근성 트리에 정의된 대로 요소의 상태와 속성을 수정할 수 있습니다.

참고: ARIA는 접근성 트리만을 수정하여 보조 기술이 사용자에게 컨텐츠를 제공하는 방법을 수정합니다. ARIA는 요소의 기능이나 동작에 대해 아무것도 변경하지 않습니다. 의도된 목적과 기본 기능을 위해 시맨틱 HTML 요소를 사용하지 않을 때는 행동, 포커스 및 ARIA 상태를 관리하기 위해 JavaScript를 사용해야 합니다.

ARIA 속성 유형

ARIA 상태와 속성에는 4가지 유형이 있습니다:

  1. 위젯 속성

  2. 실시간 영역 속성

  3. 드래그 & 드랍 속성

  4. 관계 속성

전역 ARIA 속성

일부 상태 및 속성은 ARIA 역할 적용 여부와 관계없이 모든 HTML 요소에 적용됩니다. 이들은 "전역" 속성으로 정의됩니다. 전역 상태 및 속성은 모든 역할 및 기본 마크업 요소에 의해 지원됩니다.

아래 속성 중 대부분은 전역 속성으로 특별히 금지되지 않는 한 어떤 요소에든 포함될 수 있습니다:

"특뱔한 상황에서만 금지된다"는 의미에서 위의 모든 속성들은 전역 속성입니다. 단, aria-label 및 aria-labelledby 속성은 presentation 역할 또는 동일한 의미의 none 역할을 갖는 요소들에는 허용되지 않습니다.

MDN에 정의된 상태와 속성들

다음은 MDN에서 논의된 WAI-ARIA 상태 및 속성을 다루는 참조 페이지입니다.

aria-describedby

전역 aria-describedby 속성은 속성이 설정된 요소를 설명하는 요소(혹은 요소들)를 식별합니다.

aria-label

aria-label 속성은 상호작용되는 요소에 레이블된 문자열 값을 정의합니다.

같이 보기