역할

이 섹션은 WAI-ARIA 역할(role) 분류(taxonomy)에 대한 추가 사항을 정의 하고 모든 역할의 특징과 속성을 설명합니다. 이 모듈에서 제공하는 필드에 대한 설명은 ARIA 역할을 참고하세요.

표현 역할 (접근성 트리에서 제외)

그래픽을 사용해 요소를 ​​표시하고 탐색하면 오히려 이해하고 사용하기가 더 어려워지는 경우가 많습니다. 이런 경우 none, presentation 역할 속성을 사용해 문서의 접근성 트리(Accessibility Tree)에서 제외 시킬 수 있습니다. 이 역할을 가진 요소는 자식 요소, 텍스트 콘텐츠 모두 보조 기술에서 읽지 않도록 처리합니다.

뿐만 아니라 img, graphics-symbol 역할 속성을 부모 요소에 설정하면, 모든 자식 요소를 DOM의 접근성 트리에서 제외시킬 수 있습니다.

HTML
<div role="none"> ... </div>

<div role="presentation"> ... </div>

<div role="img"> ... </div>

<div role="graphics-symbol"> ... </div>

이 속성 값은 자식 요소들 또한 표현(Children Presentational)으로 처리합니다. 마지막으로 SVG 같은 그래픽 언어 사용 시 의미있는 데이터를 포함하지 않은 경우 DOM 구조(접근성 트리)에서 기본적으로 무시됩니다. 이러한 경우 SVG 접근성 API의 매핑 사양인 [SVG-AAM-1.0]을 사용해 정의할 수 있습니다.

NOTE. 프레젠테이션으로 사용된 요소에 인터랙션이 설정되면 안되고, 접근성을 고려한 속성 또는 대체 텍스트를 할당하면 안됩니다. none 또는 presentation 역할이 부여된 요소는 인터랙티브 요소 또는 WAI-ARIA 상태, 속성을 가진 요소를 무시 처리하기 때문입니다.

그래픽 역할

아래는 이 명세서에 정의된 WAI-ARIA 역할의 알파벳순 목록입니다. 일반적으로 WAI-ARIA에 정의된 다른 역할과 결합하여 문서 및 리치 인터넷 애플리케이션(RIA) 내의 그래픽에 주석을 추가합니다. [WAI-ARIA-1.1]

  • 그래픽 문서(graphics-document) document 유형은 콘텐츠의 비주얼 또는 레이아웃에 의미를 부여합니다.

  • 그래픽 객체(graphics-object) graphics-document 섹션의 개별 객체 또는 하위 컴포넌트(구성요소)에 의미를 부여합니다. 그래픽 객체는 중첩된 하위 컴포넌트를 가질 수 있습니다.

  • 그래픽 심볼(graphics-symbol) 중요한 의미가 부여된 그래픽보다 단순한 의미 또는 범주(카테고리)를 전달하는데 사용 되는 그래픽 객체입니다. 차트나 지도와 같이 더 큰 구조의 그래픽 컴포넌트일 수 있습니다. 심볼 자체는 매우 작은(atomic) 객체입니다. 자식 요소는 프레젠테이션으로 처리되어 접근성 트리에서 무시됩니다.

Last updated