在HTML5表单中创建可访问的复杂表

HTML5 Forms中表的默认实现使用HTML DIV元素来呈现表。 渲染涉及使用ARIA角色来满足辅助功能要求。

为避免屏幕阅读器的辅助功能问题,这些屏幕阅读器不完全支持与数据表一起使用的ARIA角色,HTML5 Forms为表提供了替代再现。 这些表基于Designer中引入的新表格式,该格式还支持:

  • 行标题
  • 行范围

要使用HTML5 Forms中的新格式,请将表标记为复杂。 要将表标记为复杂表,请在表子表单的XML源中添加extras标签,如下所示:

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

标记为​complexTable​的表遵循本机HTML再现,并为某些屏幕阅读器提供更好的辅助功能支持。 要创建行范围,请选择同一列中表的连续单元格,右键单击所选内容,然后单击​合并单元格

注意

创建行间距仅适用于最左侧的单元格。

要将行标为行标题,请选择该行中的所有单元格,右键单击选定内容,然后单击​标记标题

要将单元格标记为列标题,请选择列中的任意单元格,右键单击所选内容,然后单击​标记标题

新​AccessibleTable​格式的限制:

  • 如果表中使用了rowspan,则不支持可扩展字段
  • 不支持嵌套表(表单元格中的表)
  • 对行范围的支持仅限于标题行和标题单元格
  • 支助仅限于常规表格
  • 不支持在行范围> 1的表中预填数据

On this page

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