建立無障礙的最適化表單 creating-accessible-adaptive-forms

Adobe 建議使用新式且可擴充的資料擷取核心元件，用來建立新的最適化表單或將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步，可確保令人印象深刻的使用者體驗。本文介紹使用基礎元件製作最適化Forms的舊方法。

簡介 introduction

可存取的表單是所有人都能使用的表單，包括有特殊需求的使用者。 最適化Forms包含多項功能，可提升不同功能使用者的可用性。 在最適化表單中建立協助工具，不僅可讓內容有儘可能廣泛的閱聽眾，而且在必須遵循協助工具標準的地理位置提供檔案時，這也是必要條件。 AEM Forms可協助表單開發人員遵守協助工具標準。

製作最適化表單時，作者應考量下列幾點，以建立無障礙的最適化表單：

必備條件

您需要協助工具工具，例如​ 可存取的名稱和說明檢測器(ANDI)，以及為解決協助工具相關問題而開發的​ 最適化表單主題，以建立可存取的最適化表單。

下載並安裝協助工具測試工具

「可存取的名稱和說明檢測器」(ANDI)工具可協助您識別和修正網頁內容中與可存取性相容相關的問題。 這是國土安全部的Trusted Tester v5指引下建議的工具。 它是由美國社會安全管理​部所開發，用於檢查網頁內容的Section 508合規性。 工具：

ANDI可與所有主要的網際網路瀏覽器搭配使用。 請參閱ANDI檔案，以取得如何設定及使用此工具的詳細指示。

下載並安裝Ultraminary-Access主題

Ultraminary-Accessible主題是參考主題。 它有助於示範如何以最適化表單修正色彩對比和其他協助工具相關問題。 Adobe建議您根據組織核准的樣式來建立生產環境的自訂主題。 執行以下步驟，將主題上傳至您的AEM執行個體：

讓最適化表單可供存取

您應該關注四個關鍵方面：鍵盤導覽、色彩對比、有意義的影像替代文字，以及讓可存取調適型表單的表單控制項適用標籤。 執行以下步驟，讓您存取現有的最適化表單：

1.套用無障礙佈景主題並執行其他修正

將Ultraminary-Accessible主題套用至您現有的最適化表單。 若要套用主題：

套用無障礙主題後，請執行以下列出的其他修正。 除了協助工具主題中涵蓋的協助工具修正之外，這些修正也包括：

2.為表單控制項提供適當的標籤 provide-proper-labels-for-form-controls

元件的標籤或標題可識別表單元件代表的意義。 例如，「名字」文字會告訴使用者他們必須在文字欄位中輸入名字。 為了方便熒幕閱讀程式存取，標籤會以程式設計方式與表單元件相關聯。 或者，表單控制項會設定其他協助工具資訊。

熒幕助讀程式感知到的標籤不需要與視覺註解相同。 在某些情況下，您可能會想要更明確說明控制項的用途。 對於表單中的每個欄位物件，協助工具選項可用於指定熒幕助讀程式為識別特定表單欄位所朗讀的內容。

若要使用「協助工具」選項，請遵循下列步驟：

表單元件中的協助工具選項 accessibility-options-in-form-components

自訂文字 ​表單作者在協助工具選項[自訂文字]欄位中提供內容。 熒幕助讀程式等輔助技術會使用此自訂文字。 在大部分的案例中，使用「標題」設定是最佳選項。 只有在無法使用標題或簡短說明時，才考慮建立自訂熒幕Reader文字。

簡短描述 ​對於大多數元件，當使用者將指標暫留在元件上時，簡短描述會在執行階段顯示。 您可以在說明內容選項下方的簡短說明欄位中設定此選項。

標題 ​使用此選項可讓AEM Forms使用與表單欄位相關聯的視覺標籤做為熒幕助讀程式文字。

名稱 ​您可以在[繫結]索引標籤的[名稱]欄位中指定值。 名稱不能包含任何空格。

無 ​選取「無」會導致表單物件在已發佈的表單中沒有名稱。 不建議對表單控制項使用「無」設定。

3.提供影像的等效文字 provide-text-equivalents-for-images

影像有助於改善部分使用者的理解。 不過，對於使用熒幕助讀程式的使用者，影像會降低表單的協助工具。 如果您選擇使用影像，請為所有影像提供文字說明。

確定文字在表單中說明了物件及其用途。 熒幕助讀程式會在遇到影像時讀取此替代文字。 影像必須一律指定替代文字。

選取影像元件並選取 。 在側邊欄中的「屬性」下方，指定影像的替代文字。

4.提供足夠的色彩對比 provide-sufficient-color-contrast

協助工具設計涉及考慮色彩使用的其他准則。 表單作者可以使用顏色來改善表單的外觀，方法是反白顯示各種表單元件。 不過，若色彩使用不當，可能會使有不同能力的人難以或無法閱讀表格。

有視覺障礙的使用者需仰賴文字與背景的高對比才能閱讀數位內容。 如果沒有足夠的對比，某些使用者可能很難閱讀表單，甚至無法閱讀表單。

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

請參閱建立最適化表單的自訂主題，以取得變更最適化表單色彩對比和主題的詳細資訊。

5.確認可使用鍵盤存取表單控制項 ensure-that-form-controls-are-keyboard-accessible

可存取的表單僅能使用鍵盤或同等輸入裝置填入。 行動力下降或視力障礙的使用者可能別無選擇，只能使用鍵盤，而許多使用滑鼠的使用者則偏好使用鍵盤輸入。 透過允許各種輸入方法，您不僅可建立無障礙的表單，還可建立更適合所有使用者偏好設定的表單。

AEM Forms提供下列鍵盤快速鍵。

此外，自適應Forms中的​ 日期選擇器 ​元件有各種可用的鍵盤快速鍵。 若要啟用快速鍵，請選取​ 日期選擇器 ​元件，然後選取 以開啟屬性。 在​ 模式 ​區段中，使用​ 型別 ​和​ 模式 ​下拉式清單來選取顯示模式。 儲存屬性以啟用​ 日期選擇器 ​元件的快速鍵。

下列鍵盤快速鍵適用於Adaptive Forms中的日期選擇器元件：

使用協助工具來尋找剩餘的協助工具問題

可存取的名稱和說明檢查器(ANDI)可協助您在最適化表單中識別及修正可存取性法規遵循相關問題。 使用ANDI工具尋找最適化表單中的協助工具問題：