建立可存取的最適化表單

簡介

無障礙表單是每個人都能使用的表單,包括有特殊需求的使用者。 Adobe Experience Manager(AEM)包含許多增強不同功能使用者適用性表單可用性的功能。 此解決方案也協助表單作者建立無障礙的最適化表單。

將協助工具建置至最適化表單中,不僅可讓內容的受眾盡可能廣泛,而且在必須符合協助工具標準的地理位置提供檔案時,也需要這麼做。 AEM Forms可協助表單開發人員遵守無障礙標準。

編寫最適化表單時,作者應考量下列幾點,以建立無障礙的最適化表單:

  • 為表單控制項提供適當標籤
  • 為影像提供等效文字
  • 提供足夠的顏色對比度
  • 確保窗體控制項可鍵盤訪問

為表單控制項提供正確標籤

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

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

若要使用協助工具選項,請遵循下列步驟:

  1. 選取元件,然後點選cmppr
  2. 按一下側欄中的​協助工具​以選擇所需的協助工具選項。

表單元件中的協助工具選項

表單元件中的協助工具選項

自訂 TextForm作者可在協助工具選項自訂文字欄位中提供內容。輔助技術(例如螢幕閱讀器)會使用此自訂文字。 在大多數情況下,使用標題設定是最佳選項。 請考慮僅在無法使用標題或簡短說明時建立自訂螢幕Reader文字。

簡短 說明對於大多數元件,當用戶將指針暫留在元件上時,運行時將顯示簡短說明。您可以在說明內容選項下的簡短說明欄位中設定此選項。

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

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

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

注意

選項按鈕和核取方塊只能有兩個協助工具選項,即自訂文字和標題。

注意

針對XFA型適用性表單,協助工具選項繼承自XDP中設定的協助工具選項。 XDP提供的工具提示會對應至「簡短說明」,而「註解」會對應至「標題」。 其他選項的運作方式。

提供影像的文字等效項

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

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

選取影像元件,然後點選cmppr。 在側欄的「屬性」下,指定影像的替代文字。

影像的替代文字

提供足夠的顏色對比度

協助工具設計需要考慮其他色彩使用准則。 表單作者可以強調顯示各種表單元件,借此使用顏色來改善表單的外觀。 然而,不當使用顏色可能使不同能力的人很難或無法閱讀一種形式。

視力障礙的使用者需要文字與背景之間的高對比度來閱讀數位內容。 如果沒有足夠的對比,某個表單可能會變得很困難,甚至是不可能,讓某些使用者閱讀。

建議您使用預設的字型和背景顏色,即白色背景中的黑色內容。 如果更改預設顏色,請選擇淺色背景顏色的深色前景顏色,或者反之亦然。

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

確保窗體控制項是鍵盤可訪問的

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

下列鍵盤快速鍵可在AEM Forms中使用。

動作 鍵盤快速鍵
通過表單向前移動游標 索引標籤
將游標向後移動到窗體中 Shift+Tab鍵
移至下一個面板 Alt+向右箭頭
移至上一個面板 Alt+向左箭頭
重設表單中填入的資料 Alt+R
提交表單 Alt+S

本頁內容