为什么基于表格的网站对屏幕阅读器用户不利？

Question

屏幕阅读器处理基于<div>的网站比基于<table>的旧网站更容易，为什么它们会更糟？

Answer 1

屏幕阅读器假设table内的内容是表格式的，并按原样读取。例如。 “第1栏第1栏:(内容）”。如果您使用表格来布置您的网站，这不一定有意义。当你实际上没有时，你告诉最终客户你有表格重要性的数据。

相比之下，div除了“section”之外没有任何意义，因此屏幕阅读器不会尝试表示它们。您可以使用div在布局中制作任意视觉中断，而不会影响标记的含义。

当我们说“语义”标记时，这就是我们的意思。语义意味着标记准确地描述了其中内容的含义 - 表包装表格数据，UL包装无序列表等。

Answer 2

基于表格的网站可能会使屏幕阅读器混淆正在呈现的数据类型。最初表用于显示2D数据列表。但是，由于表格被用于拟合设计，读者必须区分表格的意图。

Answer 3

这取决于表的用途。如果一个表用于布局，屏幕阅读器无法知道这一点并逐个单元地读取，从第一行，第一列，第一行第二列，第二行第一行，第二列第二列等开始，通常不是内容的观看方式。如果数据需要以结构化形式显示，则表格是使用屏幕阅读器的最佳方式，因为可以使用击键逐行和逐列读取。作为一个屏幕阅读器用户，当数据看起来没有任何意义时，我觉得它很烦人，因为它要么与表格不匹配，要么根本不使用表格，而是使用其他一些视觉指示。

Answer 4

DIV与屏幕阅读器比表格更好地运作的观点缺少真正的问题。

目前的CSS和HTML标准根本​​没有提供任何明确的标签/指标来帮助屏幕阅读器。在他们这样做之前，无论你是使用DIV还是表，你都必须希望你的“语义正确的CSS页面”或“完成工作表”与大多数屏幕阅读器一起工作。

不要忘记，仅使用DIV创建难以理解的页面同样容易，因为它使用的是表格。