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

Question

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

Answer 1

屏幕阅读器假定 a 中的内容table是表格的，并照此阅读。例如“第 1 行，第 1 列：（内容）”。如果您使用表格来布置您的网站，这不一定有任何意义。您是在告诉最终客户您拥有具有表格意义的数据，而实际上却没有。

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

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

Answer 2

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

Answer 3

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

Answer 4

DIV 在屏幕阅读器上比表格更有效的观点忽略了真正的问题。

当前的 CSS 和 HTML 标准根本不提供任何明确的标签/指示符来帮助屏幕阅读器。在他们这样做之前，无论您使用的是 DIV 还是表格，您都必须希望您的“语义正确的 CSS 页面”或“完成工作的表格”适用于大多数屏幕阅读器。

不要忘记，仅使用 DIV 创建难以理解的页面与使用表格一样容易。