在HTML5表單中建立可存取的複雜表格 create-accessible-complex-tables-in-html-forms
HTML5 Forms中表格的預設實作使用HTMLDIV元素來轉譯表格。 轉譯涉及使用ARIA角色來滿足協助工具需求。
為了避免熒幕助讀程式無法完整支援資料表格所用ARIA角色的協助工具問題,HTML5 Forms提供表格的替代轉譯。 這些表格是根據Designer中推出的新表格格式,該格式也支援:
- 列標題
- 列範圍
若要在HTML5 Forms中使用新格式,請將表格標籤為複雜。 若要將資料表標籤為複雜,請在資料表子表單的XML來源中新增extras
標籤,如下所示:
</extras>
<text name="complexTable">1</text>
</extras>
標示為 complexTable 的資料表會遵循原生HTML轉譯,並為某些熒幕朗讀程式提供更好的協助工具支援。 若要建立列範圍,請選取相同欄中表格的連續儲存格,以滑鼠右鍵按一下選取範圍,然後按一下 合併儲存格。
NOTE
建立列範圍僅適用於最左側的儲存格。
若要將列標示為列標題,請選取列中的所有儲存格,以滑鼠右鍵按一下選取範圍,然後按一下 標示標題。
若要將儲存格標示為欄標題,請選取欄中的任何儲存格,以滑鼠右鍵按一下選取範圍,然後按一下 標示標題。
新 AccessibleTable 格式的限制:
- 如果表格中使用了rowspan,將不支援可成長的欄位
- 不支援巢狀表格(表格儲存格內的表格)
- rowspan的支援僅限於標題列和標題儲存格
- 僅支援一般表格
- 在rowspan > 1的表格中不支援資料預填
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2