---
schema_version: "1"
id: b7307635facf8718b7e0ddece72158ee6a1f53f4072fb08efcbc4d3fbf221eb3
title: 접근성이 높은 뷰를 설계하기 위한 최상의 방법
collection: tableau
version: current
locale: ko-kr
portal_url: https://docs.salesforce.com/tableau/current/ko-kr/public/desktop/accessibility_best_practice.md
canonical_url: https://help.tableau.com/current/public/desktop/ko-kr/accessibility_best_practice.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 08235a161711c5025d0d66d8e12a7166fa8fdc801bc51f1f33326299a0a4ba55
description: Design guidelines for building WCAG 2.2 AA-compliant Tableau views using color, titles, captions, and layout.
---
[주요 콘텐츠로 건너뛰기](#main-content)

# 접근성이 높은 뷰를 설계하기 위한 최상의 방법

매우 유용한 뷰를 만든 경우 이 뷰를 구성하는 데이터를 모든 관련 사용자가 보고 이해할 수 있도록 접근성을 높이려 할 것입니다.

Tableau는 접근성이 높은 뷰를 작성할 수 있는 몇 가지 컨트롤을 지원합니다. 이러한 컨트롤은 US Section 508 요구 사항 및 웹 콘텐츠 접근성 지침(WCAG 2.2 AA)을 준수합니다. Tableau Cloud 또는 Tableau Server에서 공유되는 콘텐츠가 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm)의 단계에 부합하며 다음과 같은 WCAG 2.2 AA 원칙을 준수하는지 확인해야 합니다.

- **인지 가능** - 정보 및 사용자 인터페이스 구성 요소가 인식 가능한 방식으로 사용자에게 표현되어야 합니다. 텍스트로 대체되는 표시를 포함하고 콘텐츠를 표현하는 다른 방법을 고려하십시오.
- **작동 가능** - 사용자 인터페이스 구성 요소와 탐색 기능을 사용자가 뷰와 상호 작용하기 위해 사용하는 다양한 장치 또는 수단을 통해 액세스할 수 있어야 합니다.
- **이해 가능** - 뷰에 표현된 정보를 사용자가 이해할 수 있어야 합니다. 예를 들어 뷰에 표시되는 서로 다른 요소에 명확하게 구분할 수 있는 이름 및 레이블을 사용하면 됩니다.

Tableau Server 또는 Tableau Cloud에 게시할 때 모든 사용자에게 접근성을 보장할 수 있는 뷰를 작성할 수 있도록 이 문서와 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm)에 설명되어 있는 최상의 방법을 따르십시오.

## 간결함

**WCAG 2.1 AA 원칙:** 이해 가능

뷰를 통해 전달하려는 정보의 양이 많은 경우가 있습니다. 하지만 복잡한 뷰는 화면 읽기 프로그램이나 키보드를 사용하여 파악하거나 탐색하기 어려울 수 있습니다. 다음 지침에 따르면 정보가 밀집된 뷰로 사용자에게 부담을 주지 않으면서 필요한 모든 정보를 전달할 수 있습니다.

- 가능한 경우 항상 데이터를 집계하여 표시되는 마크의 수를 줄이십시오. 또한 뷰에 1000개 이상의 마크를 표시하면 뷰가 브라우저가 아닌 서버에서 렌더링될 수 있으며, 서버에서 렌더링되는 뷰는 아직 WCAG 지침을 지원하지 않습니다.
    
    사용자가 데이터 보기 페이지(기본적으로 설정됨)에 액세스하여 마크의 기초 데이터를 검토하거나 데이터를 같은 방식으로 표시하는 응용 프로그램에서 페이지에 액세스하여 데이터를 다운로드할 수도 있습니다.
    
    **예**: 이 예에서는 세부 뷰와 집계된 뷰의 차이점을 설명하기 위해 서로 다른 두 막대 차트 뷰를 보여 줍니다.
    
    <table><tbody><tr><th style="text-align: left;">접근성이 낮음 - 마크가 너무 많음</th><th style="text-align: left;">접근성이 높음 - 집계된 뷰</th></tr><tr><td><img src="https://help.tableau.com/current/public/desktop/ko-kr/Img/notaccessible_5000marks.png" alt="5000개의 마크가 있는 세로 막대형 차트"></td><td><img src="https://help.tableau.com/current/public/desktop/ko-kr/Img/accessibilitycompliant_aggregated.png" alt="텍스트 레이블이 있고 마크가 적은 세로 막대형 차트"></td></tr><tr><td><ul><li><p>세부 정보가 너무 많아서 뷰를 이해하기 어렵습니다.</p></li><li><p>뷰가 5000개 이상의 마크를 표시하며 각 마크가 표현하는 대상을 알려 주는 텍스트가 충분하게 포함되어 있지 않습니다.</p></li><li><p>화면 읽기 프로그램을 필요로 하는 사용자가 사용하기에 너무 어렵습니다.</p></li></ul></td><td><ul><li><p>이 예에서는 상위 수준에서 데이터를 집계한 동일한 뷰를 보여 줍니다.</p></li><li><p>키 데이터 요소는 계속 포함되지만 이제 사용자가 읽고 이해하기가 훨씬 쉽습니다.</p></li><li><p>5000개가 넘는 마크의 수가 약 20개로 줄었습니다.</p></li><li><p>사용자는 뷰에 포커스를 지정한 다음 <span class="uicontrol">Enter</span> 키를 눌러 <span class="uicontrol">데이터 보기</span> 페이지를 열면 계속 기초 세부 정보를 볼 수 있습니다.</p></li></ul></td></tr></tbody></table>
- 텍스트, 색상, 모양 등을 사용하여 뷰에 더 많은 컨텍스트를 추가할 수 있도록 막대 차트나 라인 차트 같은 간단한 그래픽 요소를 사용하는 것이 좋습니다.
- 마크 수를 가장 중요한 데이터 요소들을 강조할 수 있는 정도로만 제한합니다.

이 유형의 뷰를 구축하는 방법에 대한 자세한 내용과 예는 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm)의 [간결함](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm#SimpleAggregated)을 참조하십시오.

## 제목 및 캡션

**WCAG 2.1 AA 원칙:** 인지 가능, 이해 가능

제목 및 캡션에 설명적인 텍스트를 입력하여 보조 기술을 사용하는 사용자에게 상황을 알릴 수 있으며 뷰에 있는 데이터를 파악하도록 도울 수 있습니다. 다음 지침에 따라 모든 사용자의 요구 사항을 충족하도록 Tableau의 시각적 특성을 조정합니다.

- 뷰를 설명하기 위해 사용하는 텍스트로 뷰를 보완한다고 생각하십시오.
- 제목 및 캡션에서 텍스트를 사용하여 비주얼리제이션과 표시하는 내용을 설명합니다.
- 쉽게 이해할 수 있는 간결한 언어를 사용합니다. 은어, 약어 또는 줄임말을 사용하지 마십시오.
- 텍스트 설명에 "이미지" 또는 "사진" 같은 단어를 포함하지 마십시오. 대개 이러한 정보는 화면 읽기 프로그램에 포함되어 있습니다.
- 머리말, 제목 등을 모두 대문자로 표현하면 읽기가 어려울 수 있으므로 대문자로만 표현하지 마십시오.
    
    **예:** 이 예에서는 두 개의 서로 다른 막대 차트를 보여 줍니다. 매우 작은 텍스트가 있는 막대 차트와, 제목 및 캡션을 사용하여 컨텍스트가 추가된 막대 차트
    
    <table><tbody><tr><th style="text-align: left;">접근성 낮음 - 텍스트가 너무 작음</th><th style="text-align: left;">접근성 높음 - 설명 텍스트를 추가하여 컨텍스트 제공</th></tr><tr><td><img src="https://help.tableau.com/current/public/desktop/ko-kr/Img/accessibility_NoTitlesandCaptions.png" alt="최소한의 텍스트가 있는 세로 막대형 차트"></td><td><img src="https://help.tableau.com/current/public/desktop/ko-kr/Img/accessibility_MoreTitlesandCaptions.png" alt="제목과 캡션이 추가된 세로 막대형 차트"></td></tr><tr><td><ul><li><p>한 단어로 된 제목은 충분한 설명이 되지 않습니다.</p></li><li><p>마크는 색상과 크기로 구분됩니다. 하지만 추가적인 텍스트가 없으면 이러한 마크의 컨텍스트를 파악하기 어려울 수 있습니다.</p></li><li><p>이 뷰를 쉽게 설명할 수 있는 캡션이나 다른 설명 텍스트가 없습니다.</p></li></ul></td><td><ul><li><p>이 예에서는 동일한 뷰를 보여 주지만, 제목과 캡션에 모두 추가적인 설명 텍스트가 포함됩니다.</p></li><li><p>동일한 대비 색조와 크기 차별화 요소를 사용하지만 막대 마크에 레이블이 추가되어 추가적인 컨텍스트를 제공합니다.</p></li></ul></td></tr></tbody></table>

컨텍스트를 위한 텍스트를 포함하는 뷰를 작성하는 방법에 대한 자세한 내용과 예는 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm)의 [도움이 되는 추가 텍스트 표시](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm#UseText)를 참조하십시오.

## 추가 텍스트

**WCAG 2.1 AA 원칙:** 인지 가능, 이해 가능

제목과 캡션만이 아니라 광범위하게 텍스트를 사용하여 표시되는 요소의 컨텍스트를 쉽게 파악할 수 있도록 돕고 범례 및 필터 같은 다양한 컨트롤과 데이터 간의 관계를 설명할 수 있습니다.

이러한 추가적인 텍스트를 사용할 때 아래 지침을 따르십시오.

- 범례 또는 필터의 머리글에 텍스트를 사용하여 컨트롤과 해당 기능을 설명합니다. 또한 대시보드에서 텍스트 영역을 사용하여 비주얼리제이션이 표시하는 내용을 상세히 설명하는 컨텍스트를 추가할 수 있습니다.
- 비주얼리제이션에 대체 텍스트(alt 텍스트)를 추가합니다. Tableau는 Tableau 23.1에서 비주얼리제이션에 대한 대체 텍스트를 자동으로 생성하기 시작했습니다. Tableau 23.2 이상에서는 자동 생성된 대체 텍스트를 편집하여 대상 사용자에게 중요하다고 여겨지는 컨텍스트를 추가할 수 있습니다.
- 가능한 경우 항상 컨트롤에 레이블을 표시합니다. 예를 들어 범례의 레이블을 **Subcategory(하위 범주)**에서 **Color key for product type(제품 유형별 색상 키)**으로 변경하면 사용자가 컨트롤과 데이터 간의 관계를 더욱 쉽게 이해할 수 있습니다.
- 뷰에 링크 텍스트가 포함되는 경우 링크로 이동되는 위치를 설명하는 텍스트를 사용합니다. 예를 들어 링크 텍스트로 'Global Warming statistics for 1990- 2020(1990~2020년 지구 온난화 통계)'을 사용합니다. "Click here(여기를 클릭하세요)", "More(자세히)" 또는 "More information(자세한 정보)" 같은 단어를 사용하지 마십시오. 이러한 링크 텍스트는 지나치게 일반적이어서 사용자에게 혼란을 줄 수 있습니다.
- **예:** 다음 예에서는 두 개의 거품형 차트를 보여 줍니다. 한 차트는 뷰를 만들 때 기본적으로 표시되는 텍스트만 사용하고, 다른 차트에는 의미 전달을 돕기 위해 뷰 전체에 컨텍스트를 추가하는 별도의 텍스트가 있습니다.
    
    <table><tbody><tr><th style="text-align: left;">접근성 낮음 - 텍스트가 너무 작음</th><th style="text-align: left;">접근성 높음 - 보다 설명적인 텍스트</th></tr><tr><td><img src="https://help.tableau.com/current/public/desktop/ko-kr/Img/accessibility_no_text1.png" alt="텍스트가 매우 적은 버블 차트"></td><td><img src="https://help.tableau.com/current/public/desktop/ko-kr/Img/access_helptextbulbblechart1.png" alt="제목, 캡션 및 기타 텍스트가 있는 버블 차트"></td></tr><tr><td><ul><li><p>이 뷰에서는 시트 제목에 대한 기본 텍스트와 필터 및 범례에 대한 기본 레이블만 사용합니다.</p></li><li><p>마크는 크기와 색상으로만 구분됩니다.</p></li><li><p>뷰에 컨텍스트를 제공할 수 있는 캡션이나 다른 설명 텍스트가 없습니다.</p></li></ul></td><td><ul><li><p>이 예에서는 동일한 뷰를 보여 주지만, 추가적인 설명 텍스트가 포함됩니다.</p></li><li><p>마크의 관계를 설명하고 뷰가 표시하는 내용에 대한 추가 컨텍스트를 제공하는 별도의 텍스트가 제목 및 캡션이 추가되었습니다.</p></li><li><p>수익 숫자를 표시하는 마크 레이블이 추가되었기 때문에 더 이상 사용자가 이 정보를 파악하기 위해 색상에만 의존할 필요가 없습니다.</p></li></ul></td></tr></tbody></table>

컨텍스트를 위한 추가 텍스트를 포함하는 뷰를 작성하는 방법에 대한 자세한 내용과 예는 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm)의 [도움이 되는 추가 텍스트 표시](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm#UseText) 및 보다 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm#Edit)을 참조하십시오.

## 색상 및 대비

**WCAG 2.1 AA 원칙:** 인지 가능, 이해 가능

색상을 사용하여 뷰에서 마크를 구분할 수 있습니다. 하지만 시각 장애가 있는 사용자의 경우 색상만으로 항상 충분히 구별할 수는 없습니다. 뷰에 마크가 많은 경우, 색상이 너무 많으면 특히 어렵습니다. 뷰에서 색상을 추가할 때 아래 지침을 따르십시오.

- Tableau가 제공하는 색맹용 색상표를 사용하면 뷰에 적합한 색상을 쉽게 선택할 수 있습니다. 사용하는 모든 색상표에서 충분한 대비를 제공하고 명암 스펙트럼상에서 서로 구분되는 색상을 할당하십시오.
- 라인 마크의 경우 마크를 쉽게 구분할 수 있도록 모양, 크기 및 레이블과 같은 추가 옵션을 사용하십시오.
- [대비 분석](https://www.paciellogroup.com/resources/contrastanalyser/) 도구를 사용하여 대비 비율이 충분한 최상의 텍스트 색상과 배경색을 선택합니다. 텍스트의 색상 대비가 뚜렷하며 4.5:1(큰 텍스트의 경우 3:1)의 대비 비율 표준을 준수하는지 확인하십시오.
    
    **예:** 이 예에서는 두 개의 라인 차트를 보여 줍니다. 한 차트는 색상만 사용하여 라인을 구분하고 다른 차트는 보다 적절한 색상과 함께 모양을 사용하여 마크를 구분합니다.
    
    <table><colgroup><col><col></colgroup><tbody><tr><th style="text-align: left;">쉽게 액세스할 수 없음 - 색상만 사용하여 마크 구분</th><th style="text-align: left;">쉽게 액세스할 수 있음 - 색상과 모양을 사용하여 마크 구분</th></tr><tr><td><img src="https://help.tableau.com/current/public/desktop/ko-kr/Img/accessibility_badcolor.png" alt="색상만 사용하여 마크를 구분하는 라인 차트"></td><td><img src="https://help.tableau.com/current/public/desktop/ko-kr/Img/accessibility_colorshape.png" alt="색상과 모양을 모두 사용하여 마크를 구분하는 라인 차트"></td></tr><tr><td><ul><li><p>이 뷰에서는 색상만 사용하여 라인을 서로 구분합니다.</p></li><li><p>뷰의 마크에서 시각 장애가 있는 사용자가 완전하게 액세스할 수 있는 색상표를 사용하지 않습니다.</p></li></ul></td><td><ul><li><p>이 예에서는 색상과 모양을 모두 사용하여 마크를 구분하는 동일한 뷰를 보여 줍니다.</p></li><li><p>명확한 제목이 있는 색상 범례와 모양 범례가 뷰에서 각 색상과 모양이 나타내는 대상을 식별합니다.</p></li></ul></td></tr></tbody></table>

마크를 쉽게 구분할 수 있도록 색상을 사용하는 뷰를 작성하는 방법에 대한 자세한 내용과 예는 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm)에서 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm#ColorContrast)을 참조하십시오.

## 뷰 게시

**WCAG 2.1 AA 원칙:** 인지 가능, 작동 가능, 이해 가능

사용자가 뷰를 사용할 수 있도록 하려면 Tableau Server 또는 Tableau Cloud에 뷰를 게시하십시오. 그런 다음 툴바 메뉴에서 공유를 클릭합니다. 사용자는 화면 읽기 프로그램이나 키보드를 사용하여 뷰 및 툴바 단추와 상호 작용할 수 있습니다. 자세한 내용은 [웹 기반 Tableau의 키보드 접근성](https://help.tableau.com/current/public/desktop/ko-kr/access_keyboard_navigation.htm)를 참조하십시오.

통합 문서를 게시하고 내장하는 방법, 내장 코드를 찾는 방법 및 툴바를 해제하는 방법에 대한 자세한 내용은 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm)에서 [접근성을 위한 뷰 작성](https://help.tableau.com/current/public/desktop/ko-kr/accessibility_create_view.htm#Publish)을 참조하십시오.