建立無障礙的最適化表單 creating-accessible-adaptive-forms
簡介 introduction
無障礙表單是每個人都能使用的表單,包括有特殊需求的使用者。 Adobe Experience Manager(AEM)包含許多增強不同功能使用者適用性表單可用性的功能。 此解決方案也協助表單作者建立無障礙的最適化表單。
將協助工具建置至最適化表單中,不僅可讓內容的受眾盡可能廣泛,而且在必須符合協助工具標準的地理位置提供檔案時,也需要這麼做。 AEM Forms可協助表單開發人員遵守無障礙標準。
編寫最適化表單時,作者應考量下列幾點,以建立無障礙的最適化表單:
- 為表單控制項提供適當標籤
- 為影像提供等效文字
- 提供足夠的顏色對比度
- 確保窗體控制項可鍵盤訪問
為表單控制項提供適當標籤 provide-proper-labels-for-form-controls
元件的標籤或標題可識別表單元件代表的內容。 例如,文字「名字」會告訴使用者,他們必須在文字欄位中輸入名字。 為了供螢幕閱讀器訪問,標籤以寫程式方式與表單元件相關聯。 或者,表單控制項配置有附加的輔助資訊。
螢幕助讀程式感知的標籤不一定與視覺標題相同。 在某些情況下,您可能會想要更明確地說明控制項的用途。 對於表單中的每個欄位物件,協助工具選項可用來指定螢幕助讀程式要朗讀的內容,以識別特定的表單欄位。
若要使用協助工具選項,請遵循下列步驟:
- 選取元件並點選 .
- 按一下 協助工具 ,選擇所需的協助工具選項。
表單元件中的協助工具選項 accessibility-options-in-form-components
自訂文字 表單作者會在協助工具選項自訂文字欄位中提供內容。 輔助技術(例如螢幕閱讀器)會使用此自訂文字。 在大多數情況下,使用標題設定是最佳選項。 請考慮僅在無法使用標題或簡短說明時建立自訂螢幕Reader文字。
簡短說明 對於大部分元件,當使用者將指標暫留在元件上時,執行階段會顯示簡短說明。 您可以在說明內容選項下的簡短說明欄位中設定此選項。
標題 使用此選項,讓AEM Forms將與表單欄位相關聯的視覺標籤作為螢幕助讀程式文字。
名稱 您可以在「綁定」頁簽的「名稱」欄位中指定值。 名稱不能包含任何空格。
無 選擇「無」會導致已發佈的表單中沒有表單對象的名稱。 表單控制項不建議使用「無」設定。
為影像提供等效文字 provide-text-equivalents-for-images
影像有助於改善某些使用者的理解。 不過,對於使用螢幕助讀程式的使用者,影像會降低表單的協助工具。 如果您選擇使用影像,請為所有影像提供文字說明。
請確定文字以表單說明物件及其用途。 螢幕助讀程式在遇到影像時會讀取此替代文字。 影像必須一律指定替代文字。
選取影像元件並點選 . 在側欄的「屬性」下,指定影像的替代文字。
提供足夠的顏色對比度 provide-sufficient-color-contrast
協助工具設計需要考慮其他色彩使用准則。 表單作者可以強調顯示各種表單元件,借此使用顏色來改善表單的外觀。 然而,不當使用顏色可能使不同能力的人很難或無法閱讀一種形式。
視力障礙的使用者需要文字與背景之間的高對比度來閱讀數位內容。 如果沒有足夠的對比,某個表單可能會變得很困難,甚至是不可能,讓某些使用者閱讀。
建議您使用預設的字型和背景顏色,即白色背景中的黑色內容。 如果更改預設顏色,請選擇淺色背景顏色的深色前景顏色,或者反之亦然。
請參閱 建立最適化表單的自訂主題,以取得變更最適化表單的顏色對比和主題的詳細資訊。
確保窗體控制項可鍵盤訪問 ensure-that-form-controls-are-keyboard-accessible
只能使用鍵盤或等效的輸入設備來完全填充可訪問的表單。 移動性降低或視力受損的用戶可能別無選擇,只能使用鍵盤,而許多可以使用滑鼠的用戶更喜歡鍵盤輸入。 通過允許使用各種輸入方法,您不僅可以建立可訪問的表單,還可以建立更適合所有用戶偏好的表單。
下列鍵盤快速鍵可在AEM Forms中使用。