---
schema_version: "1"
id: c338b33aec722003be99852072ff3a4c709845cae685403db65ec20aa2f44f08
title: 建立協助工具的儀表板窗格
collection: tableau
version: current
locale: zh-tw
portal_url: https://docs.salesforce.com/tableau/current/zh-tw/pro/desktop/accessibility_dashboards.md
canonical_url: https://help.tableau.com/current/pro/desktop/zh-tw/accessibility_dashboards.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 2fc55861fc4f941760b2b1630708661b2403a74a91ceefdadd71e4b65d48349b
description: Build WCAG 2.2 AA-compliant dashboards with keyboard navigation, focus order, and accessible formatting.
---
[跳至主要內容](#main-content)

# 建立無障礙的儀表板窗格

可以使用 Tableau 來建立符合 Web 內容無障礙使用準則 (WCAG 2.2 AA) 的儀表板。如果希望讓盡可能多的使用者可存取儀表板，或者作業須遵守[美國 508 無障礙規範](https://www.section508.gov/)或其他與無障礙使用相關的法律和法規，這將非常有用。

若要存取儀表板窗格：

1. 在 Tableau Desktop 中或者您在 Tableau Server 或 Tableau Cloud 的 Web 製作中建立儀表板窗格
2. 將該儀表板窗格發佈至網頁並內嵌於其中，以符合 Web 內容協助工具準則 (WCAG 2.2 AA)

本主題解釋螢幕助讀程式如何幫助使用者瀏覽儀表板、儀表板中物件或檢視的讀取順序、哪些項目可存取以及如何使現有儀表板更易於存取。

## 儀表板窗格鍵盤巡覽和焦點順序

Tableau 包含鍵盤快速鍵，可協助使用者僅使用鍵盤進行瀏覽。如需詳細資訊，請參閱[Tableau 在 Web 上的鍵盤協助工具](https://help.tableau.com/current/pro/desktop/zh-tw/access_keyboard_navigation.htm)。

建立儀表板窗格時，請注意螢幕助讀程式會按照新增的順序，讀取儀表板窗格中的檢視或物件。例如，若儀表板窗格具有的文字物件包含有助於說明儀表板窗格之資訊，請優先將此物件新增至您的儀表板窗格。

您也可以藉由直接編輯 XML 的方式，直接編輯儀表板窗格階層。如需詳細資訊，請參閱 Tableau 社群文章[如何設定檢視的焦點順序以及儀表板窗格中的物件？](https://community.tableau.com/s/question/0D54T00000C6USYSA3/how-can-i-set-the-focus-order-of-the-views-and-objects-in-a-dashboard)

## 建立無障礙的儀表板窗格

Tableau 工作區中的許多項目和物件都支援鍵盤巡覽，並相容於螢幕助讀程式軟體之類的輔助技術。您可以在要存取的儀表板窗格上使用下列項目：

- [新增儀表板窗格物件並設定其選項](https://help.tableau.com/current/pro/desktop/zh-tw/dashboards_create.htm#Add_objects)
    
    - 文字物件
    - 網頁物件
    - 按鈕物件
    - 影像物件
- 工具列
- 儀表板窗格標題
- 檢視，特別是：
    - 標題
    - 「工作簿」索引標籤
    - 「檢視資料」視窗
    - 標題（若顯示）
    - 分類圖例
    - 單一與多重值篩選
        
        ![可套用輔助功能原則的不同 Tableau 元素（編號為 1-8）。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/accessibility_callout1.png)

如需檢視的詳細資訊，請參閱[組建無障礙資料檢視](https://help.tableau.com/current/pro/desktop/zh-tw/accessibility_overview.htm)

**附註**：無法存取檢視中的互動功能（標記選取範圍、工具提示等）。

## 逐步解說：使現有儀表板窗格更容易存取

我們從已完成的工作簿開始，並進行回溯工作，使其更易於使用。

![按產品類別和地區顯示超市銷售額的時間序列長條圖，並附有用於按類別和年份進行篩選的互動式核取方塊。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard1.png)

為了使工作簿更容易存取，我們將：

1. 儀表板窗格和工作簿[儀表板窗格和工作簿層級的協助工具格式](#Format)
2. [彙總並減少標記](#Aggregat)
3. [消除冗餘資訊](#Eliminat)
4. [使用色彩和圖形來區分標記](#Use)
5. [使用篩選條件減少檢視中的標記數](#Use2)
6. [新增標題和圖例](#Add)

此儀表板窗格的設計宗旨在於顯示每個銷售區域和產品類型的總銷售量。底部的折線圖按照產品類型顯示每月的銷售量。此儀表板窗格的作者想要使用 Superstore 公司採用的綠色和灰色色彩建立儀表板窗格的品牌。

很抱歉，此儀表板窗格具有多項特徵對使用者造成協助工具方面的困擾，包含色彩方案在內。以下步驟提供使此儀表板窗格更易於存取的數種方式。

### 儀表板窗格和工作簿層級的協助工具格式

灰色背景上的綠色文字沒有足夠的對比比例，可供在視覺方面具有對比感知不良的使用者辨識文字。若要盡可能提高比對比例，我們會以白色做為背景，並將圖表上的文字色彩變更為黑色。

若要更新儀表板窗格網底色彩，請將**「格式>儀表板窗格」**功能表中的「儀表板窗格網底」變更為**「無」**。

![「設定儀表板格式」對話方塊提供一系列自訂儀表板外觀選項，包括陰影、字型、對齊方式等。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard2.png)

對於文字格式變更，我們可以手動變更每個工作表上的格式設定。不過，這需要很長的時間。此儀表板窗格只有兩個檢視，但是其他儀表板窗格通常會包含更多檢視。

若要將儀表板窗格上的文字更新為黑色，請選取**「格式>工作簿」**，然後將**「字型>全部」**變更為**「黑色」**。

![顯示 Tableau Light 調色盤中一系列字型色彩的對話方塊。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard3.png)

這會將每張工作簿中所有資料表的字型色彩變更為黑色，然後套用至包含在儀表板窗格中的檢視。如需色彩對比的外部資訊，請參閱[色彩對比及您應該重新考量色彩的理由](https://www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/)。

<table style="width: 100%;"><colgroup><col style="width: 491px;"><col></colgroup><tbody><tr><td>不易存取 - 低對比</td><td>更容易存取 - 提高對比</td></tr><tr><td><img src="https://help.tableau.com/current/pro/desktop/zh-tw/Img/access_dashboard_color2.png" alt="顯示跨產品類別和地區的超市銷售額的時間序列長條圖，並為每種產品提供色彩編碼。"></td><td><img src="https://help.tableau.com/current/pro/desktop/zh-tw/Img/access_dashboard_color.png" alt="顯示四年內十種產品的月銷售額的時間序列折線圖，而長條圖則提供按產品類別和地區劃分的銷售情況綜合檢視。"></td></tr></tbody></table>

如需有關在項目中新增背景色彩的詳細資訊，請參閱[在項目周圍新增填補、邊框和背景色彩](https://help.tableau.com/current/pro/desktop/zh-tw/dashboards_organize_floatingandtiled.htm#Add)。

### 彙總並減少標記

您可能有許多資訊，並且想要藉由儀表板窗格或檢視傳達。不過密集檢視大量標記（如檢視頂端的橫條圖），在使用螢幕助讀程式或鍵盤時，可能難以理解。

我們的儀表板窗格上俯視圖顯示 5000 個以上的標記，因為圖表中的每一列都包含該類別中每項產品的名稱。如果檢視中使用 1000 個以上的標記，則檢視將在伺服器上呈現，而不是在瀏覽器中呈現。對於 WCAG 合規性，不支援伺服器呈現的檢視。限制標記數量，只顯示強調最重要資料點的那些標記。

為了使該檢視更易於使用，請從**「詳情」**中移除**「產品名稱」**，將堆疊橫條圖轉換為橫條圖。這會將檢視中的標記數從 5,000 個以上減少至 68 個。

<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/pro/desktop/zh-tw/Img/access_dashboard4.png" alt="按地區和產品類別顯示銷售資料的水平堆疊式長條圖，並使用色彩編碼表示每種產品的銷售情況。"><p>&nbsp;</p></td><td><img src="https://help.tableau.com/current/pro/desktop/zh-tw/Img/access_dashboard5.png" alt="按地區和產品類別顯示銷售資料的水平堆疊式長條圖，並使用色彩編碼表示每種產品的銷售情況。"></td></tr></tbody></table>

使用者也可以存取「檢視資料」視窗（預設情況下已啟用）來檢閱標記的完整資料。使用者還可以將資料從該頁面下載到可使用的應用程式，以便以這種方式進行檢視。

為了減輕認知超載，並進一步減少欄位中的標記數目，我們可以在欄位中建立相關成員的群組。若要建立相似產品的群組：

1. 以滑鼠右鍵按一下欄位，然後選取**「建立」**\>**「群組」**。  
    ![資料窗格中含內容功能表的欄位，顯示在何處分組欄位或建立計算欄位。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/ad-hoc4.png)
2. 在「建立群組」對話方塊中，選取要加以群組的多位成員，然後按一下**「組合」**。

有關分組的詳細資訊，請參閱[對資料進行分組](https://help.tableau.com/current/pro/desktop/zh-tw/sortgroup_groups_creating.htm)。這裡的檢視是在分組及彙總之前與之後的外觀：

<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/pro/desktop/zh-tw/Img/access_dashboard4.png" alt="按地區和產品類別顯示銷售資料的水平堆疊式長條圖，並使用色彩編碼表示每種產品的銷售情況。"></td><td><img src="https://help.tableau.com/current/pro/desktop/zh-tw/Img/access_dashboard6.png" alt="按地區和產品類別顯示銷售資料水平堆疊式長條圖，並為每個產品提供色彩編碼部分。"></td></tr></tbody></table>

有關如何組建這種檢視的資訊和範例，請參閱[製作無障礙檢視](https://help.tableau.com/current/pro/desktop/zh-tw/accessibility_create_view.htm)中的[保持簡單](https://help.tableau.com/current/pro/desktop/zh-tw/accessibility_create_view.htm#SimpleAggregated)。

### 消除冗餘資訊

彙總的分組橫條圖可以減少使用者的認知超載，卻仍然在沒有必要的情況下，使用色彩表示資料的意義。由於每個橫條的大小表示銷售額，因此銷售額欄位也不需要位於「標記」卡片中的「色彩」上。移除色彩也會移除螢幕助讀程式所讀取的色彩圖例。

<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/pro/desktop/zh-tw/Img/access_dashboard6.png" alt="按地區和產品類別顯示銷售資料水平堆疊式長條圖，並為每個產品提供色彩編碼部分。"></td><td><img src="https://help.tableau.com/current/pro/desktop/zh-tw/Img/accessible_dashboard7.png" alt="顯示了四個地區按產品類別劃分的銷售額的水平長條圖。"></td></tr></tbody></table>

### 使用色彩和圖形來區分標記

此儀表板中的折線圖包含僅透過色彩區分的標記，這使得色盲人士難以區分。線條路徑提供實用的位置資訊，但無法透過色彩清晰地區分各個線條標記。

![折線圖用於顯示各種產品類型的每月銷量。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard7.png)

藉由套用**「色盲」**調色盤以及新增圖形以強化色彩所顯示的含意，使得此折線圖更容易理解。

若要套用「色盲」調色盤：

1. 選取**「標記」**卡上的**「色彩」**。
2. 選取**「調色盤」**功能表的**「色盲」**。
    
    ![編輯色彩對話方塊，其中選取了色盲調色板，以便您可以選擇資料項目以及要套用於所選資料項目的色彩。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard8.png)
3. 選取**「指派調色盤」**並將其**套用**至檢視。

除了色彩之外，若要新增圖形至折線圖，請建立組合圖表或雙軸圖：

1. 按住 Control 並拖曳（在 Mac 上為按住 Command 並拖曳）**「列」**架中的欄位，藉此複製該欄位，並將其放在第一個欄位的右邊。在您的「標記」卡片中建立兩個標籤，「列」架中的每個欄位各放置一個。
2. 在標記卡片上，選取底部標籤，標題為**「欄位名稱(2)」**。從「標記卡片」的下拉式功能表中選取**「圖形」**。  
    ![帶有標記類型選項的標記卡下拉選單，包括形狀、條形、線條、面積、正方形、圓形、文字、地圖、圓餅圖、甘特長條圖、多邊形和密度。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard10.png)
3. 選取欄位名稱右邊的「色彩標記」，然後選取「圖形」。
4. ![標記卡片編碼選項，包括形狀、色彩、尺寸、標籤、詳細資訊和工具提示。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard11.png)

這會針對欄位中的每個標記建立不同的圖形。此時，有兩個不同的圖表；一個是彩色的折線圖，另一個則是具有圖形的散佈圖。

若要將這兩個圖表合併到雙軸圖中，請在「列」架中選取右邊的欄位，然後選取**「雙軸」**。如需組合圖表的詳細資訊，請參閱[組建組合圖](https://help.tableau.com/current/pro/desktop/zh-tw/qs_combo_charts.htm)。

<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/pro/desktop/zh-tw/Img/access_dashboard13.png" alt="按產品類別顯示每月銷售額的折線圖。"></td><td><img src="https://help.tableau.com/current/pro/desktop/zh-tw/Img/access_dashboard14.png" alt="依產品類型顯示每月銷售額的折線圖，每個產品類別都有不同的折線。"></td></tr></tbody></table>

圖表已經過改良，但是線條色彩和圖形在套用第十個標記後，已開始出現重複。此作法可讓檢視看起來過於繁雜且不合常理，因而導致認知超載。藉由新增篩選條件和圖例來修正。

### 使用篩選條件減少檢視中的標記數

使用篩選條件有助於只集中顯示您希望使用者看到的檢視中標記數量。

您可以使用以下篩選條件模式，以允許使用者控制檢視中出現的資料。Tableau 目前就 WCAG 合規性所支援的篩選條件模式包括：

- **單值（清單）**：具有選項按鈕的篩選條件。一次只能選取一項。為使用者提供單值篩選條件是減少檢視中標記數量的絕佳方式。
- **多值（清單）**：此篩選條件具有可同時選取的一連串項目（具有核取方塊）。多值篩選條件將允許同時顯示多個標記。
    
    ![兩個下拉式選單；第一個是產品類別的單值列表，第二個是產品訂單日期的多值列表。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_filters_list.png)
- **單值（下拉式清單）**：具有項目下拉式清單的篩選條件。一次只能選取一項。為使用者提供單值篩選條件是減少檢視中標記數量的絕佳方式。
- **多值（清單）**：具有可同時選取的項目下拉清單的篩選條件。多值篩選條件將允許同時顯示多個標記。
    
    ![兩個下拉列表，一個是產品類別的單值下拉列表，另一個是訂單日期年份的多值下拉列表。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_filters_dropdown.png)

若要顯示篩選條件，請以右鍵按一下要用作篩選條件的欄位，然後選取「顯示篩選條件」。

![選取「新增至工作表」得資料窗格中欄位內容功能表。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_showfilter_date.png)

若要選取篩選器模式，請在篩選器下拉式功能表中選取「單值（清單）」、「單值（下拉式清單）」、「多值（清單）」或「多值（下拉式清單）」。

![篩選條件內容功能表包含篩選器選項列表，包括單一值、多個值、僅相關值、資料庫中的所有值、包含值和排除值。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_selectfiltertype.png)

由於折線圖是「單值」清單，因此我們可以從篩選條件移除「全部」選項。在篩選條件下拉式功能表中，選取「自訂」，然後清除「顯示『所有』值」選項。

![選取「所有值」的篩選器內容功能表。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_hideshowall.png)

這會降低檢視中的標記層級，以防止儀表板窗格使用者出現認知超載的情況。

<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/pro/desktop/zh-tw/Img/access_dashboard14.png" alt="依產品類型顯示每月銷售額的折線圖，每個產品類別都有不同的折線。"></td><td><img src="https://help.tableau.com/current/pro/desktop/zh-tw/Img/access_dashboard15.png" alt="折線圖按產品類別顯示每月銷售趨勢，其中包括配件、影印機、機器、電話和技術的不同產品線。"></td></tr></tbody></table>

若要瞭解詳情，請參閱[使用篩選條件減少檢視中的標記數](https://help.tableau.com/current/pro/desktop/zh-tw/accessibility_create_view.htm#UseFiltersInViews)。

另一種讓視覺效果更容易使用的方法是

### 新增標題和圖例

為了讓使用者更易於瞭解，我們可以新增**文字物件**，其中包含儀表板的描述以及如何互動的說明，包括如何使用篩選器和圖例。若要新增文字物件：

1. 從「物件」功能表中抓取文字，並將其拖曳至儀表板窗格上。  
    ![各種儀表板對象，包括文字、圖像、網頁、按鈕和擴充功能。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard16.png)
2. 使用**「編輯文字」**視窗新增文字，藉此說明儀表板窗格用途及其使用方式。

您也可以在儀表板窗格中新增圖表標題。預設的標題文字是對檢視的摘要，但可以修改此文字以提供更好的內容。若要執行這項作業，請按一下儀表板中的圖表，然後從**「其他選項」**下拉式功能表中選取**「標題」**。

![可以在儀表板工作表上執行的作業完整清單，例如巡覽到工作表、複製工作表、調整其顯示、添加標題、圖例、篩選器或突出顯示、顯示頁面控製或視圖工具列、使用將工作表作為篩選器，忽略操作，將其設定為浮動，選取配置容器，或將其從儀表板中移除。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboard18.png)

最後，我們可以更新圖例的標題以參照其相關的圖表，並減少螢幕助讀程式所只用的冗餘文字的數量。若要執行這項作業，請按兩下圖例標題，或在**「編輯篩選標題」**視窗中按一下滑鼠右鍵，然後選取**「編輯標題」**以新增或編輯文字。

結果是一種儀表板窗格，其中包含儀表板窗格及圖表標題的說明，並移除使用者的冗餘文字。

![長條圖和折線圖分別顯示按產品類別和地區劃分的 Superstore 銷售額以及按產品類型劃分的每月銷售額。](/tableau/current/zh-tw/pro/desktop/zh-tw/Img/access_dashboardafter.png)

## 發佈和內嵌儀表板窗格

建立檢視之後，為了使檢視符合 WCAG 標準，您必須：

- 將檢視發佈至 Tableau Server 或 Tableau Cloud，然後將檢視內嵌至符合 WCAG 標準的網頁中。有關如何發佈檢視的資訊，請參閱[用於發佈工作簿的全面步驟](https://help.tableau.com/current/pro/desktop/zh-tw/publish_workbooks_howto.htm)。
- 符合 WCAG 標準的檢視中不支援 Web 編輯，因此必須在發佈的工作簿中關閉「Web 編輯」權限。
- 在內嵌檢視中，隱藏工具列中的「自訂檢視」、「訂閱」和「通知」按鈕。
- 確保使用者具有存取內嵌檢視的權限，並能夠在「檢視資料」視窗中檢視基礎資料。

如需各個步驟的相關資訊，請參閱製作無障礙檢視中的[發佈和內嵌檢視](https://help.tableau.com/current/pro/desktop/zh-tw/accessibility_create_view.htm#Publish)。