WCAG - 包含动态填充数据的 table(行)是否应包含在 Tab 键顺序中?
WCAG - should a table (row) with dynamically populated data be included in the tab order?
对于动态填充数据的 table 应用很重要。
table 条数据的 Tab 键顺序应该如何设置?我搜索了指南,但到目前为止找不到合适的指南。
我看到的可能性是:
- 仅在 'table' 标签中使用 'tabindex=0' 属性包含 table 本身。
- 在 'tr' 标签中使用 'tabindex=0' 属性以 Tab 键顺序包含 table 行。
我想使用箭头键可以进行详细导航。
你有什么建议?
table 本身和行本身通常 不是 键盘可聚焦的,因为它们不是交互式元素。如果该行是 selectable 或可扩展的,那么 maybe 它可能是可聚焦的,但它通常是 [=36= 中的 element ] 行(或更准确地说,table 单元格中的元素)是选择table 或可扩展的。
如果没有关于您要实现的行为的更多详细信息,很难给出确切的建议,但我最初的想法是 none 中的 table 个元素是正确的(<table>
, <tr>
, <td>
) 应该是可聚焦的。
关于导航箭头键,这是 grid 的模式,它是一种 table 类型,具有 editable 单元格(类似于电子表格)。同样,关于您的情况,我没有足够的信息来了解您是否正在尝试创建网格。
对于屏幕 reader 用户,他们已经可以导航 到 table 并在 内导航 table 使用屏幕 reader 快捷键,所以不用担心试图让屏幕 reader 用户聚焦的东西。
最近听到专家的另一个建议
一般而言,所有交互元素都应包含在选项卡索引中,例如按钮、表单域和链接。如果可以单击整个 table 行,则这应该通过选项卡索引 0 在选项卡流中。
对于动态填充数据的 table 应用很重要。
table 条数据的 Tab 键顺序应该如何设置?我搜索了指南,但到目前为止找不到合适的指南。
我看到的可能性是:
- 仅在 'table' 标签中使用 'tabindex=0' 属性包含 table 本身。
- 在 'tr' 标签中使用 'tabindex=0' 属性以 Tab 键顺序包含 table 行。
我想使用箭头键可以进行详细导航。
你有什么建议?
table 本身和行本身通常 不是 键盘可聚焦的,因为它们不是交互式元素。如果该行是 selectable 或可扩展的,那么 maybe 它可能是可聚焦的,但它通常是 [=36= 中的 element ] 行(或更准确地说,table 单元格中的元素)是选择table 或可扩展的。
如果没有关于您要实现的行为的更多详细信息,很难给出确切的建议,但我最初的想法是 none 中的 table 个元素是正确的(<table>
, <tr>
, <td>
) 应该是可聚焦的。
关于导航箭头键,这是 grid 的模式,它是一种 table 类型,具有 editable 单元格(类似于电子表格)。同样,关于您的情况,我没有足够的信息来了解您是否正在尝试创建网格。
对于屏幕 reader 用户,他们已经可以导航 到 table 并在 内导航 table 使用屏幕 reader 快捷键,所以不用担心试图让屏幕 reader 用户聚焦的东西。
最近听到专家的另一个建议
一般而言,所有交互元素都应包含在选项卡索引中,例如按钮、表单域和链接。如果可以单击整个 table 行,则这应该通过选项卡索引 0 在选项卡流中。