建立可訪問的自適應表單

簡介

可訪問表單是每個人都可以使用的表單，包括有特殊需要的用戶。 自適應Forms包括許多增強不同能力用戶的可用性的特性和功能。 將輔助功能構建到適應性表單中不僅允許盡可能廣泛的內容受眾，而且在要求遵守輔助功能標準的地理區域提供文檔時，這也是一項要求。 AEM Forms幫助形成符合輔助功能標準的開發人員。

在建立自適應表單時，作者應考慮以下幾點以建立可訪問的自適應表單：

• 使用可訪問名稱和說明檢查器(ANDI)輔助功能測試工具檢查表單
• 為窗體控制項提供正確的標籤
• 為影像提供等效文本
• 提供足夠的顏色對比度
• 確保表單控制項可以使用鍵盤

必備條件

您需要輔助工具，如 可訪問的名稱和描述檢查器(ANDI) 和 為解決與輔助功能相關的問題而開發的自適應表單主題 的子菜單。

下載並安裝輔助功能測試工具

可訪問的名稱和描述檢查器(ANDI)工具可幫助您識別和修復Web內容中與輔助功能合規性相關的問題。 這是根據國土安全部Trusted Tester v5准則推薦的工具。 它由美國社會保障管理​部開發，用於檢查Section 508對Web內容的遵守情況。 工具：

• 幫助檢測網頁​上的輔助功能問題
• 提供改進可訪問性的建​議
• 檢測鍵盤可訪問性和顏色對比度問題
• 明確識別符合標準的螢幕閱讀器內容

ANDI可與所有主要的Internet瀏覽器配合使用。 看， ANDI文檔 以獲取有關配置和使用該工具的詳細說明。

下載並安裝Ultramarine-Accessible主題

Ultramarine-Accessible主題是一個參考主題。 它有助於演示如何以自適應形式修復顏色對比度和其他輔助功能相關問題。 Adobe建議根據組織批准的樣式為生產環境建立自定義主題。 執行以下步驟將主題上載到實AEM例：

1. 下載主題包。
2. 導航到 Experience Manager > 導航 > Forms 你的案AEM子。
3. 點擊 建立 > 檔案上載。 選擇並上載x個Ultramarine-Accessible-Theme.zip檔案。 它會將主題上載到AEM實例。

使自適應表單可訪問

應重點關注四個關鍵方面：鍵盤導航、顏色對比度、影像的有意義的替代文本，以及表單控制項的相應標籤，以使自適應表單可訪問。 執行以下步驟，使現有自適應表單可訪問：

1。應用可訪問的主題並執行其他修復

將Ultramarine-Accessable主題應用於現有的自適應窗體。 應用主題：

1. 開啟自適應表單進行編輯。
2. 選擇一個元件並點擊父表徵圖。 在上下文菜單中，點擊 自適應窗體容器 然後按一下「configure（配置）」表徵圖。
3. 在屬性瀏覽器中選擇「超海洋可訪問」主題，然後點擊 保存 表徵圖
4. 刷新瀏覽器窗口。 該主題將應用於自適應窗體。

應用可訪問的主題後，請執行下面列出的其他修復。 除輔助功能修復外，這些修復還包括輔助功能修復：

1. 在自適應窗體中為徽標影像添加有意義的替代文本。

   為自適應表單模板的頁眉和頁腳元件中的影像提供有意義的替代文本。 修復模板並使用它建立自適應表單時，自適應表單將繼承應用於模板頁眉和頁腳的所有與輔助功能相關的修復。 對於現有的自適應表單，在自適應表單級別進行更改。 對自適應表單模板所做的更改不會自動流入現有自適應表單。

2. 將包含窗體名稱的標題元件添加到自適應窗體。 如果您的表單設計指定了公司名稱，請為公司名稱添加單獨的標題元件。

   大多數輔助工具都會通知用戶內容的層次結構，以幫助他們瞭解網頁的結構。 在自適應表單上為組織名稱和表單名稱文本設定不同的標題級別，以便為這些文本提供層次結構。 此外，在每個面板和節之前使用一個帶有相應標題級別的文本元件來建立層次。

   

3. 更改頁腳背景顏色以根據輔助功能標準使用適當的對比度，以提高文本的可見性和可讀性。 您可以使用ANDI在窗體中查找顏色對比度問題。 另外，不要使用非常小的字型。 小字型很難讀。

4. 將現有自適應表單中的交換機和映像選擇元件替換為選擇（無線電）元件。

5. 用數字框元件替換現有自適應窗體中的數字步進元件。

6. 將日期輸入欄位替換為日期選取器欄位。

7. 為日期選取器元件設定顯示、驗證和編輯模式。 另外，設定自定義驗證錯誤消息。 例如，您指定的日期無效。 日期的正確格式為YYYY-MM-DD。

8. 設定日期選取器元件的自定義輔助功能文本。 例如，輸入您的出生日期。 螢幕閱讀器會閱讀這些自定義輔助功能文本。

9. 對自適應表單元件使用簡短說明而不是長說明。 長說明添加幫助按鈕。 確保自適應表單沒有任何幫助按鈕。

10. 將自定義輔助功能文本添加到表的所有只讀單元格。 此外，禁用表的所有只讀單元格。

11. 刪除自適應表單中的任意手寫簽名欄位。 配置自適應表單以使用Adobe Sign提供無縫的數字簽名體驗。

2.為窗體控制項提供正確的標籤

元件的標籤或標題標識了表單元件所代表的內容。 例如，文本「名字」告訴用戶他們必須在文本欄位中輸入自己的名字。 為了可由螢幕閱讀器訪問，標籤以寫程式方式與表單元件相關聯。 或者，表單控制項配置有附加的輔助資訊。

螢幕閱讀器所感知的標籤不一定與可視標題相同。 在某些情況下，您可能希望對控制項的目的進行更具體的說明。 對於表單中的每個欄位對象，可使用輔助功能選項指定螢幕閱讀器所宣佈的內容以標識特定表單欄位。

要使用「輔助功能」選項，請執行以下步驟：

1. 選擇元件並點擊 。
2. 按一下 輔助功能 的子菜單。

表單元件中的輔助功能選項

自定義文本 表單作者在輔助功能選項「自定義」文本欄位中提供內容。 輔助技術（如螢幕閱讀器）使用此自定義文本。 在大多數情況下，使用「標題」設定是最佳選項。 僅當使用「標題」或無法提供簡短說明時，才考慮建立「自定義螢幕Reader文本」。

簡短描述 對於大多數元件，當用戶將指針懸停在元件上時，會在運行時顯示簡短說明。 可以在幫助內容選項下的簡短說明欄位中設定此選項。

標題 使用此選項可讓AEM Forms將與表單域關聯的可視標籤用作螢幕閱讀器文本。

名稱 可以在「綁定」頁籤的「名稱」欄位中指定值。 名稱不能包含任何空格。

無 選擇「無」會導致表單對象在已發佈表單中沒有名稱。 不是建議為窗體控制項設定。

3.為影像提供等效文本

影像有助於提高一些用戶的理解能力。 但是，對於使用螢幕閱讀器的用戶，影像會降低表單的可訪問性。 如果選擇使用影像，請為所有影像提供文本說明。

確保文本在表單中描述對象及其用途。 螢幕閱讀器在遇到影像時讀取該備選文本。 影像必須始終指定替代文本。

選擇影像元件並點擊 。 在提要欄中的「屬性」下，指定影像的替代文本。

4.提供足夠的顏色對比度

輔助功能設計包括考慮其他顏色使用准則。 表單作者可以使用顏色通過突出顯示各種表單元件來改善表單的外觀。 然而，不當使用顏色可能使不同能力的人難以或無法閱讀。

視覺障礙的用戶依靠文本和背景之間的高對比度來讀取數字內容。 如果沒有足夠的對比度，表格可能會變得難以為某些用戶閱讀。

建議您使用預設字型和背景顏色 — 白色背景上的黑色內容。 如果更改預設顏色，請在淺背景顏色上選擇暗前景顏色，或者反之。

請參閱 為自適應表單建立自定義主題，以獲取有關更改自適應表單的顏色對比度和主題的詳細資訊。

5.確保表單控制項可以使用鍵盤

僅使用鍵盤或等效輸入設備可完全填充可訪問的表單。 移動性降低或視力受損的用戶可能別無選擇，只能使用鍵盤，許多可以使用滑鼠的用戶更喜歡鍵盤輸入。 通過允許使用各種輸入方法，您不僅可以建立可訪問的表單，還可以建立更適合所有用戶首選項的表單。

以下鍵盤快捷鍵在AEM Forms提供。

此外，還有各種鍵盤快捷鍵可供 日期選取器 在自適應Forms。 要啟用快捷鍵，請點擊 日期選取器 元件和抽頭 開啟屬性。 在 圖案 ，使用 類型 和 圖案 下拉清單。 保存屬性以啟用對 日期選取器 元件。

以下鍵盤快捷鍵可用於AdaptiveForms中的日期選取器元件：

動作	鍵盤快捷鍵
當頁籤焦點突出顯示日曆表徵圖時顯示日期選取器元件選項 當頁籤焦點突出顯示選項時，執行按一下事件	空格或Enter
隱藏日期選取器元件選項	Esc 鍵
通過日期選取器元件中可用的選項將游標向前移動。 當日期輸入欄位處於活動狀態時，將標籤焦點設定在日曆表徵圖上	定位字元
通過日期選取器元件中可用的選項向後移動游標	Shift+Tab鍵
當標籤焦點突出顯示日期輸入欄位時顯示日期選取器元件選項 在日期選取器元件中可用的日曆中向下移動游標	向下箭頭
在日期選取器元件中可用的日曆中向上移動游標	上箭頭
在日期選取器元件中可用的日曆中向後移動游標	左箭頭
將游標在日期選取器元件中可用的日曆中向前移動	右箭頭
對日曆中的右導航箭頭和左導航箭頭之間的標題執行操作	Shift +向上箭頭
對右導航箭頭表徵圖執行操作 在日曆中可用	Shift +左箭頭
對左導航箭頭表徵圖執行操作 在日曆中可用	Shift +向右箭頭

使用輔助功能工具查找剩餘的輔助功能問題

可訪問名稱和描述檢查器(ANDI)可幫助您以自適應形式確定和修復與可訪問性相容性相關的問題。 要使用ANDI工具以自適應形式查找輔助功能問題，請執行以下操作：

1. 在預覽模式下開啟自適應窗體。
2. 按一下標有書籤的ANDI工具表徵圖。 ANDI工具分析自適應表單並顯示輔助功能問題。 有關如何使用該工具的詳細資訊，請參見 ANDI文檔。
3. 審查並解決ANDI報告的問題。

Business.Adobe.com資源

Content Intelligence Theme Editor Document Generation Dynamic Media Headless Cms Digital Asset Management