> For the complete documentation index, see [llms.txt](https://a11y.gitbook.io/graphics-aria/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://a11y.gitbook.io/graphics-aria/graphics-module-1.0/roles.md).

# 역할

이 섹션은 WAI-ARIA 역할([role](https://www.w3.org/TR/graphics-aria-1.0/#dfn-role)) 분류([taxonomy](https://www.w3.org/TR/graphics-aria-1.0/#dfn-taxonomy))에 대한 추가 사항을 정의 하고 모든 역할의 특징과 속성을 설명합니다. 이 모듈에서 제공하는 필드에 대한 설명은 [ARIA 역할](https://www.w3.org/TR/wai-aria-1.1/#roles)을 참고하세요.

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

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

뿐만 아니라 [`img`](https://www.w3.org/TR/wai-aria-1.1/#img), [`graphics-symbol`](https://www.w3.org/TR/graphics-aria-1.0/#graphics-symbol) 역할 속성을 부모 요소에 설정하면, 모든 자식 요소를 DOM의 접근성 트리에서 제외시킬 수 있습니다.

{% code title="HTML" %}

```markup
<div role="none"> ... </div>

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

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

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

{% endcode %}

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

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

### 그래픽 역할

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

* **그래픽 문서**([graphics-document](https://www.w3.org/TR/graphics-aria-1.0/#graphics-document))\
  [document](https://www.w3.org/TR/wai-aria-1.1/#document) 유형은 콘텐츠의 비주얼 또는 레이아웃에 의미를 부여합니다.<br>
* **그래픽 객체**([graphics-object](https://www.w3.org/TR/graphics-aria-1.0/#graphics-object))\
  [graphics-document](https://www.w3.org/TR/graphics-aria-1.0/#graphics-document) 섹션의 개별 객체 또는 하위 컴포넌트(구성요소)에 의미를 부여합니다. 그래픽 객체는 중첩된 하위 컴포넌트를 가질 수 있습니다.<br>
* **그래픽 심볼**([graphics-symbol](https://www.w3.org/TR/graphics-aria-1.0/#graphics-symbol))\
  중요한 의미가 부여된 그래픽보다 단순한 의미 또는 범주(카테고리)를 전달하는데 사용 되는 그래픽 객체입니다. 차트나 지도와 같이 더 큰 구조의 그래픽 컴포넌트일 수 있습니다. 심볼 자체는 매우 작은(atomic) 객체입니다. 자식 요소는 프레젠테이션으로 처리되어 접근성 트리에서 무시됩니다.