在HTML5表單中建立可存取的複雜表格 create-accessible-complex-tables-in-html-forms

HTML5 Forms中表格的預設實作使用HTMLDIV元素來轉譯表格。 轉譯涉及使用ARIA角色來滿足協助工具需求。

為了避免熒幕助讀程式無法完整支援資料表格所用ARIA角色的協助工具問題,HTML5 Forms提供表格的替代轉譯。 這些表格是以Designer引入的新表格格式為基礎,該格式也支援:

  • 列標題
  • 列範圍

若要在HTML5 Forms中使用新格式,請將表格標籤為複雜。 若要將表格標籤為複雜,請新增 extras 標籤的位置,如下所示:

</extras>
 <text name="complexTable">1</text>
 </extras>

標示為 complextable 遵循原生HTML轉譯,並為某些熒幕朗讀程式提供更好的協助工具支援。 若要建立列範圍,請選取相同欄中表格的連續儲存格,以滑鼠右鍵按一下選取範圍,然後按一下 合併儲存格.

NOTE
建立列範圍僅適用於最左側的儲存格。

若要將列標示為列標題,請選取列中的所有儲存格,以滑鼠右鍵按一下選取範圍,然後按一下 標示頁首.

若要將儲存格標示為欄標題,請選取欄中的任何儲存格,以滑鼠右鍵按一下選取範圍,然後按一下 標示頁首.

新增的限制 可存取的表格 格式:

  • 如果表格中使用了rowspan,將不支援可成長的欄位
  • 不支援巢狀表格(表格儲存格內的表格)
  • rowspan的支援僅限於標題列和標題儲存格
  • 僅支援一般表格
  • 在rowspan > 1的表格中不支援資料預填
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2