html - 将 标签放在 之前是否会使表格更易于访问？

Question

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

有人可以告诉我吗？

Answer 1

您正在学习 HTML 4 做事的方式，现在它错误

在旧规范中，<tfoot>曾经出现在 <tbody> 之前.

可以在官方HTML standard repository看到大约 5 年前 the HTML spec was changed由于按建议的顺序放置元素会导致可访问性问题。我已经强调了为什么 <tfoot> 的关键句子。应该在<tbody> 之后

Disallow <tfoot> before <tbody> in the content model

In HTML4, tfoot had to appear before tbody, but HTML5 allowed either before or after. Placing it before causes problems for keyboard focus order and order of accessibility objects, so this changes the content model to no longer allow tfoot before tbody.

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

此外，您还可以从 W3C HTML recommendation 中找到以下引文支持tfoot在最后。

Content model: In this order: optionally a caption element, followed by zero or more colgroup elements, followed optionally by a thead element, followed by either zero or more tbody elements or one or more tr elements, followed optionally by a tfoot element, optionally intermixed with one or more script-supporting elements.