設計無障礙HTML5表單 designing-accessible-html-forms

CAUTION
AEM 6.4已結束延伸支援,本檔案不再更新。 如需詳細資訊,請參閱 技術支援期. 尋找支援的版本 此處.

HTML5表單使用ARIAHTML5無障礙標準,產生無障礙HTML表單。 這些表單支援頁簽式導覽(Mozilla FireFox除外),經認證可與常見螢幕助讀程式相容。 若要產生具有良好協助工具功能的HTML5表單,請根據 基本設計准則. 設計准則包括配置正確的頁簽順序和為每個表單控制項提供「說話文字」內容。 AEM Forms Designer支援設定這些表單控制項屬性,以產生「可存取」PDF和HTML5表單。

注:標籤式導航不涵蓋受保護的欄位,如顯示值總和的計算欄位。 要使螢幕助讀程式讀取受保護欄位的值,請將空的只讀欄位置於受保護欄位的頂部或旁邊。 將受保護欄位的值分配給新的只讀欄位。 螢幕助讀程式或頁簽式導航可選擇此只讀欄位,並將其作為受保護欄位的值來說明。

AEM Forms Designer包含許多可傳遞至螢幕助讀程式的「說話文字」選項。 對於表單中的每個物件,使用者可以為螢幕助讀程式文字指定數個設定之一:

  • 自訂螢幕助讀程式文字,可使用協助工具浮動視窗來設定。 作者可在按鈕和欄位的名稱及其用途上加上注釋。
  • 工具提示,可在協助工具浮動視窗中設定。
  • 表單上欄位的註解。
  • 對象的名稱,如「綁定」頁簽的「名稱」選項中指定。

協助工具

當表單控制項上有多個選項(如工具提示、螢幕Reader文字和註解)時,螢幕Reader僅使用其中一個屬性。 預設順序為「自訂螢幕Reader文字」、「工具提示」、「註解」和「名稱」。 您可以使用螢幕Reader覆寫預設順序 優先順序 選項。

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da