在HTML5表單中建立無障礙的複雜表格 create-accessible-complex-tables-in-html-forms
HTML5 Forms功能屬於Early Access方案的一部分。 若要要求存取權,請將您的正式(工作)電子郵件ID傳送電子郵件至aem-forms-ea@adobe.com。
HTML5 Forms中表格的預設實作使用HTML DIV元素來轉譯表格。 轉譯涉及使用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
fbcff2a9-b6fe-4574-b04a-21e75df764ab