多年来，我们已经 多次发布了关于响应式表格的文章。有很多种不同的技术，您应该根据表格中的数据以及您所追求的 UX 来选择最合适的方法。但其中许多方法依赖于将表格元素的自然 display 值重置为其他值，例如 display: block。Steve Faulkner 警告我们：
当在表格元素上设置 CSS
display: block或display: grid或display: flex时，就会出现问题。表格在可访问性树中不再被表示为表格，行元素/语义也不再以任何形式被表示。
他认为浏览器在更改这些语义时犯了一个错误，但由于它们确实改变了，所以最好知道可以用 (大量) ARIA 角色 来修复。
Adrian Roselli 的更多内容，包括一个带有正确标记的演示。