> 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/graphics-document.md).

# 그래픽 문서(Document)

### 정의(Definition)

[document](https://www.w3.org/TR/wai-aria-1.1/#document) 유형은 콘텐츠의 비주얼 또는 레이아웃에 의미를 부여합니다.

다른 문서 유형과 유사하게 그래픽 문서 역할은 사용자의 기본 상호 작용 모드가 문서를 검색하는 것이 아니라 애플리케이션을 제어 할 것으로 예상 되며, 관련 정보를 포함하는 페이지 영역의 루트 요소에 적용됩니다. 이 역할 요소는 문서 파일의 루트 요소, 또는 그 안에 중첩 된 구조일 수 있습니다.

`graphics-document`는 다음과 같은 유사한 역할과 구별될 수 있습니다.

* 다른 문서와 달리, `graphics-document`는 시각적 (보통 2차원) 표현의 의미적 중요성으로 구별됩니다. 사용자 에이전트와 보조 기술은 그래픽 탐색을 지원할 때 이 점을 고려해야 합니다. 문서의 서식을 다시 지정하거나 스타일을 변경하는 접근성 기술은 콘텐츠의 의미적인 역할, 관계와 일치하는 방식을 제외하고 `graphics-document`의 레이아웃을 변경 해서는 안됩니다.<br>
* [`img`](https://www.w3.org/TR/wai-aria-1.1/#img)와 관련하여 `graphics-document`는 콘텐츠의 구조화 된 특성으로 구별됩니다. 자식 요소는 의미를 가질 수 있으며 링크 또는 기타 인터랙티브 위젯을 포함 할 수 있습니다.<br>
* [`graphics-object`](https://www.w3.org/TR/graphics-aria-1.0/#graphics-object)와 관련하여 `graphics-document`는 자체 포함되어 있습니다. 주변 콘텐츠와 분리되면 그 의미가 지속됩니다. `graphics-document` 역할이 설정된 요소는 하위 내용의 해석을 위한 범위(scope)와 컨텍스트를 정의합니다.

일반적으로 제작자는 차트, 지도, 다이어그램, 기술 도면, 청사진 및 교육용 그래픽과 같은 구조화 된 그래픽에 graphics-document 역할을 사용해야 합니다. 단, 의미를 변질시키지 않고 재배열 할 수 있는 개별 영역이 있는 1개의 큰 그래픽일 경우 각 영역은 고유한 graphic-document로 구성되어야 합니다.

그리고 다른 역할(예: `figure` 등)과 함께 그룹화하는데 사용할 수 있습니다. `graphics-document`는 다른 차트 안에 중첩될 수 있습니다. 예를 들면 지도에 포함된 막대형 차트 또는 차트 패널 행렬(matrix)은 `graphics-document`의 역할을 가져야 합니다. 중첩된 문서는 캡슐화(encapsulation)를 제공합니다. 내부 그래픽과 외부 그래픽 컴포넌트 간 탐색은 명시적 이어야 합니다.

{% hint style="info" %}
**NOTE.**\
\
ARIA 1.0 사양을 기반으로 유저 에이전트(UA)와 보조 기술(AT)을 지원하기 위해 제작자는 `document` 역할을 대체하는 값으로 `role="graphics-document document"`과 같이 속성 값을 적용할 수 있습니다.&#x20;

다음 버전의 사양에서는 특수한 의미 구조를 가지는 특정 형태의 그래픽 문서에 대해 보다 구체적인 역할을 정의 할 수 있습니다. 더 구체적인 역할은 graphics-document의 하위 클래스가 될 것입니다.
{% endhint %}

### **예제(Example)**

전기 회로를 그린 SVG 다이어그램은 간단한 그래픽 문서입니다.

![](https://camo.githubusercontent.com/1f539dc04acf5949feb1756fc81cdb445d87d3d0/68747470733a2f2f7261776769742e636f6d2f79616d6f6f392f67726170686963732d617269612f6d61737465722f6173736574732f636972637569742d6469616772616d2e737667)

```markup
<svg xmlns="https://www.w3.org/2000/svg" 
     width="400" height="200" viewBox="0 0 200 100"
     role="graphics-document document">

     <title>간단한 회로(simple circuit)</title>
     <desc>1개 소스, 1개 스위치 및 1개 부하를 갖는 회로</desc>

     <style type="text/css">
        /* 생략 */
     </style>

     <g id="battery-1" role="graphics-symbol img"
        aria-roledescription="source" aria-label="배터리(battery)"
        transform="translate(20,50)">
        <path d="M-15,-5 h30 M-5,5 h10"/>
     </g>

     <path id="wire-1" role="graphics-symbol img"
          aria-label="와이어 연결(wire connecting)"
          aria-labelledby="wire-1 battery-1 switch-1"
          class="wire" d="M20,45 V20 H90"/>

     <!-- 스위치, 더 많은 전선 및 전구를 나타내는 그래픽 코드 -->

</svg>
```

### **특징(Characteristics)**

| 특성                                 | 값                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ---------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 상위 클래스 역할                          | [`document`](https://www.w3.org/TR/wai-aria-1.1/#document)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| 관련 개념                              | <p><a href="https://www.w3.org/TR/graphics-aria-1.0/#graphics-object"><code>graphics-object</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#img"><code>img</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#article"><code>article</code></a></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| 상속된 상태, 속성                         | <p><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-atomic"><code>aria-atomic</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-busy"><code>aria-busy (state)</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-controls"><code>aria-controls</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-current"><code>aria-current (state)</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-describedby"><code>aria-describedby</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-details"><code>aria-details</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-disabled"><code>aria-disabled (state)</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-dropeffect"><code>aria-dropeffect</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-errormessage"><code>aria-errormessage</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-expanded"><code>aria-expanded (state)</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-flowto"><code>aria-flowto</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-grabbed"><code>aria-grabbed (state)</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup"><code>aria-haspopup</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-hidden"><code>aria-hidden (state)</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-invalid"><code>aria-invalid (state)</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-keyshortcuts"><code>aria-keyshortcuts</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-label"><code>aria-label</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby"><code>aria-labelledby</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-live"><code>aria-live</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-owns"><code>aria-owns</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-relevant"><code>aria-relevant</code></a><br><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-roledescription"><code>aria-roledescription</code></a></p> |
| 이름                                 | author                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| 접근 가능한 이름 필요                       | true                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| 자식 요소 표현화(Children Presentational) | false                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
