数据表可访问性的"id"和"headers"或"scope"？

Question

屏幕阅读器id和/ headers或scope属性最支持哪种方法？

我发现有关这些方法在将HTML表头与表格单元格相关联时的支持方式存在冲突信息.

Answer 1

这取决于数据表的复杂程度。使用scope通常是最好的选择。

例如，如果您使用colspanor ，那么使用and会是更好的选择。rowspanidheaders

H43：使用 id 和 headers 属性将数据单元格与数据表中的标题单元格关联起来：

当数据单元格与多个行和/或一个列标题相关联时，使用此技术。当关系过于复杂而无法单独使用 th 元素或带有范围属性的 th 元素来识别时，这允许屏幕阅读器读出与每个数据单元格关联的标题。

话虽这么说，当数据表需要此类补充属性时，其他人（不使用屏幕阅读器）可能很难将单元格与其标题相关联，并且为标题提供补充视觉提示可能是必要的（例如交替颜色，或鼠标悬停效果等）。