Show Menu
主題×

設計可存取的HTML5表單

HTML5表格使用ARIA HTML5協助工具標準來產生可存取的HTML表格。 這些表單支援標籤式導覽(Mozilla FireFox除外),經認證可與一般螢幕閱讀程式相容。 若要產生具備良好協助功能的HTML5表格,請根據一些基本設計准則來設計XFA 表格範本 。 設計准則包括設定正確的標籤順序,以及為每個表單控制項提供「說話文字」內容。 AEM Forms Designer支援這些表單控制屬性的設定,以產生可存取的PDF和HTML5表單。
注意:標籤式導覽不涵蓋受保護的欄位,例如顯示值總和的計算欄位。 為了讓螢幕閱讀程式讀取受保護欄位的值,請在受保護欄位的上方或旁邊放置一個空的「唯讀」欄位。 將受保護欄位的值指派給新的唯讀欄位。 螢幕閱讀程式或標籤式導覽可以選取此唯讀欄位,並將其說明為受保護欄位的值。
AEM Forms Designer包含許多「說話文字」選項,可傳遞給螢幕閱讀程式。 對於表單中的每個對象,用戶可以為螢幕閱讀器文本指定以下幾種設定之一:
  • 自訂螢幕閱讀程式文字,可使用「協助工具」浮動視窗來設定。 作者可以註解按鈕和欄位的名稱,以及其用途。
  • 工具提示,可在「協助工具」浮動視窗中設定。
  • 表單欄位的標題。
  • 對象的名稱,如「綁定」頁籤的「名稱」選項中指定。
當表單控制項上有多個選項(例如工具提示、螢幕閱讀器文字和標題)時,螢幕閱讀器僅使用其中一個屬性。 預設順序為「自訂螢幕閱讀器文字」、「工具提示」、「標題」和「名稱」。 您可以使用「協助工具」浮動視窗中的「螢幕閱讀器優 先順序 」選項來覆寫預設順序。