WCAG - 包含动态填充数据的 table(行)是否应包含在 Tab 键顺序中?

WCAG - should a table (row) with dynamically populated data be included in the tab order?

对于动态填充数据的 table 应用很重要。

table 条数据的 Tab 键顺序应该如何设置?我搜索了指南,但到目前为止找不到合适的指南。

我看到的可能性是:

我想使用箭头键可以进行详细导航。

你有什么建议?

table 本身和行本身通常 不是 键盘可聚焦的,因为它们不是交互式元素。如果该行是 selectable 或可扩展的,那么 maybe 它可能是可聚焦的,但它通常是 [=36= 中的 element ] 行(或更准确地说,table 单元格中的元素)是选择table 或可扩展的。

如果没有关于您要实现的行为的更多详细信息,很难给出确切的建议,但我最初的想法是 none 中的 table 个元素是正确的(<table>, <tr>, <td>) 应该是可聚焦的。

关于导航箭头键,这是 grid 的模式,它是一种 table 类型,具有 editable 单元格(类似于电子表格)。同样,关于您的情况,我没有足够的信息来了解您是否正在尝试创建网格。

对于屏幕 reader 用户,他们已经可以导航 table 并在 内导航 table 使用屏幕 reader 快捷键,所以不用担心试图让屏幕 reader 用户聚焦的东西。

最近听到专家的另一个建议

一般而言,所有交互元素都应包含在选项卡索引中,例如按钮、表单域和链接。如果可以单击整个 table 行,则这应该通过选项卡索引 0 在选项卡流中。