在HTML5表單中建立可存取的複雜表格

HTML5Forms中表格的預設實作使用HTML DIV元素來轉換表格。 演算包括使用ARIA角色來滿足無障礙環境支援需求。

為避免螢幕閱讀程式的無障礙環境支援問題,HTML5Forms提供表格的替代轉譯。 這些表基於Designer中引入的新表格格式,它還支援:

  • 列標題
  • 列跨

若要在HTML5Forms中使用新格式,請將表格標示為複雜表格。 要將表標籤為複雜,請按如下方式在表子表單的XML源中添加extras標籤:

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

標示為​complexTable​的表格會遵循原生HTML轉譯,並為某些螢幕閱讀程式提供更佳的協助工具支援。 要建立行範圍,請選擇同一列中表的連續單元格,按一下右鍵該選項,然後按一下​合併單元格

注意

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

要將行標籤為行標題,請選擇行中的所有單元格,按一下右鍵選擇內容,然後按一下​標籤標題

要將單元格標籤為列標題,請選擇列中的任何單元格,按一下右鍵選擇內容,然後按一下​標籤標題

新​AccessibleTable​格式的限制:

  • 如果表中使用瀏覽範圍,則不支援可擴展欄位
  • 不支援嵌套表(表單元格中的表)
  • 對rowspan的支援僅限於標題列和標題儲存格
  • 支援限於一般表格
  • 不支援以瀏覽範圍> 1填入表格的資料預填

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now