数据表可访问性的“id”和“headers”或“scope”？答案

【问题标题】："id" and "headers" or "scope" for data table accessibility?数据表可访问性的“id”和“headers”或“scope”？
【发布时间】：2015-11-10 01:06:00
【问题描述】：

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

我发现在将 HTML 表格标题与表格单元格相关联时，这两种方法中的任何一种方法的支持程度存在冲突的信息。

【问题讨论】：

【解决方案1】：

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

例如，如果您使用colspan 或rowspan，则使用id 和headers 会是更好的选择。

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

话虽如此，当数据表需要此类补充属性时，其他人（不使用屏幕阅读器）可能很难将单元格与其标题相关联，因此为标题（如交替颜色或鼠标悬停效果等）。

【讨论】：