Show Menu
主题×

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

HTML5表单中表的默认实现使用HTML DIV元素来呈现表。 渲染涉及使用ARIA角色来满足辅助功能要求。
为避免屏幕阅读器的辅助功能问题,这些屏幕阅读器不完全支持数据表使用的ARIA角色,HTML5 Forms为表格提供了替代再现。 这些表基于Designer中引入的新表格格式,该格式还支持:
  • 行标题
  • 行跨
要在HTML5表单中使用新格式,请将表标记为复杂。 要将表标记为复杂,请 extras 在表子表单的XML源中添加如下标记:
</extras>
 <text name="complexTable">1</text>
 </extras>

标记为complexTable的表 遵循原生 HTML再现,并为某些屏幕阅读器提供更好的辅助功能支持。 要创建行跨度,请选择同一列中表的连续单元格,右键单击选定内容,然后单击合 并单元格
创建行跨仅适用于最左边的单元格。
要将行标记为行标题,请选择该行中的所有单元格,右键单击选定内容,然后单击标 记标题
要将单元格标记为列标题,请选择列中的任意单元格,右键单击选定内容,然后单击“标 记标题”
新AccessibleTable格 式的限 制:
  • 如果表中使用rowspan,则不支持可扩展字段
  • 不支持嵌套表(表单元格中的表)
  • 对rowspan的支持仅限于标题行和标题单元格
  • 支持仅限于常规表
  • 不支持在行跨度> 1的表中预填数据