> For the complete documentation index, see [llms.txt](https://a11y.gitbook.io/wcag/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/wcag/1-perceivable/1.1-text-alternatives.md).

# 1.1 대체 텍스트

## 1.1.1 텍스트가 아닌 콘텐츠 (A)

아래 나열된 텍스트가 아닌 콘텐츠의 경우, 동일한 정보를 제공하는 대체 텍스트가 사용자에게 요구됩니다.

* [컨트롤, 입력](/wcag/1-perceivable/1.1-text-alternatives.md#controls-inputs)
* [시간 기반 미디어](/wcag/1-perceivable/1.1-text-alternatives.md#time-based-media)
* [테스트](/wcag/1-perceivable/1.1-text-alternatives.md#test)
* [감각](/wcag/1-perceivable/1.1-text-alternatives.md#sensory)
* [보안 문자](/wcag/1-perceivable/1.1-text-alternatives.md#capcha)
* [장식성, 포멧팅, 안 보이는](/wcag/1-perceivable/1.1-text-alternatives.md#decoration-formatting-invisible)

### 컨트롤, 입력 <a href="#controls-inputs" id="controls-inputs"></a>

텍스트가 아닌 콘텐츠가 사용자의 입력을 허용하거나 컨트롤 한다면, 목적을 서술하는 이름(예: 컴포넌트 이름, 폼 입력 필드 이름 등)을 제공해야 합니다.

{% hint style="info" %}
사용자 입력을 허용하는 콘텐츠와 컨트롤을 위한 추가적인 요구사항은 [가이드라인 4.1](/wcag/4-robust/4.1-compatible.md)을 참고하세요.
{% endhint %}

### 시간 기반 미디어 <a href="#time-based-media" id="time-based-media"></a>

만약 텍스트가 아닌 콘텐츠가 시간에 기반한 미디어일 경우, 미디어를 설명할 수 있는 대체 수단(예: 자막, 원고, 수화 등)을 제공해야 합니다.

{% hint style="info" %}
미디어에 관한 자세한 사항은 [가이드라인 1.2](/wcag/1-perceivable/1.2-time-based-media.md)를 참고하세요.
{% endhint %}

### 테스트 <a href="#test" id="test"></a>

유효하지 않은 것이 표시되도록 테스트 될 때 사용 되는 표시 텍스트가 텍스트가 아닌 콘텐츠(예: 이미지)일 경우, 콘텐츠를 설명하는 대체 텍스트를 제공해야 합니다.

### 감각 <a href="#sensory" id="sensory"></a>

텍스트가 아닌 콘텐츠가 특정한 감각적 경험의 산물이라면, 최소한 설명 가능한 대체 텍스트를 제공해야 합니다.

{% hint style="info" %}
특정한 감각적 경험의 산물로 시각 예술 작품, 음악 등이 있습니다.
{% endhint %}

> \[역주] \
> 예술품과 같은 것에 대한 묘사가 장황할 필요가 없다는 이야기 입니다. 명확하고 간결하게 기술하는 것이 좋습니다.

### 보안 문자 <a href="#capcha" id="capcha"></a>

텍스트가 아닌 콘텐츠의 사용 목적이 컴퓨터가 아닌 사람에 의한 접근을 확인하는 것이라면, 목적을 정의하고 서술하는 적절한 대체 텍스트를 제공하고, 장애를 극복할 수 있는 다른 형태의 캡챠(CAPTCHA)를 제공해야 합니다.

> \[역주] \
> 보안 목적의 CAPCHA 임을 알리는 대체 텍스트 제공 및 시각 장애인도 이용할 수 있도록 음성 CAPCHA 등을 제공 하라는 의미입니다.

### 장식성, 포멧팅, 보이지 않는 <a href="#decoration-formatting-invisible" id="decoration-formatting-invisible"></a>

텍스트가 아닌 콘텐츠가 순수한 장식 이거나, 시각적으로만 사용 되었거나, 사용자에게 보이지 않는다면 보조기술에서 이를 읽지 않고 무시하도록 처리해야 합니다.

{% embed url="<https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html>" %}
텍스트가 아닌 콘텐츠에 대한 이해
{% endembed %}
