将 <tfoot> 标记放在 <tbody> 之前是否会使表格更易于访问？

Question

在我们的网络无障碍课程中，我们的老师一直告诉我们应该将<tfoot>标签放在<tbody>表格中的标签之前。他没有解释原因，但他说这会让桌子更容易接近。由于没有学生习惯这样做，我们做了一些研究，但找不到任何关于为什么在表格<tfoot>之前放置标签<tbody>使表格更易于访问的论据。可能是因为屏幕阅读器的阅读顺序？

有人可以用这个启发我吗？

Answer 1

你被教导了 HTML 4 的做事方式，现在它是错误的

在旧规范中，<tfoot>用于出现在<tbody>.

您可以在官方HTML 标准存储库中看到，近 5 年前，由于按照建议的顺序放置元素会导致可访问性问题，HTML 规范发生了变化。我已经强调了为什么<tfoot>应该在后面的关键句子<tbody>

在内容模型中<tfoot>之前禁止<tbody>

在 HTML4 中，tfoot必须出现在之前tbody，但 HTML5 允许出现在之前或之后。将它放在之前会导致键盘焦点顺序和辅助功能对象顺序出现问题，因此这会将内容模型更改为不再允许tfoot之前tbody。

这样做的原因是 DOM 顺序，这是可访问性的关键元素之一。通过将 放在<tfoot>之前，<tbody>它将首先被读取，这意味着当您到达表的末尾时，没有<tfoot>预期的元素。

此外，您会在最后找到W3C HTML 推荐支持tfoot中的以下引用。

内容模型：按此顺序：可选的标题元素，后跟零个或多个 colgroup 元素，可选地后跟一个 thead 元素，后跟零个或多个 tbody 元素或一个或多个 tr 元素，后跟可选的 tfoot 元素，可选与一个或多个脚本支持元素混合。