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

Question

基础网站相对于旧的table-based网站，屏幕阅读器更容易处理，为什么旧的table-based网站会更糟糕呢？

- Jitendra Vyas

---

我在这个主题上发现了一个有用的链接：http://webaim.org/techniques/tables/#uses - James Cat

Answer 1

屏幕阅读器会假定位于标签内的内容是表格，然后会按照表格的方式进行朗读，例如："第1行第1列：（内容）"。如果您使用表格来布局您的网站，这样并不具备任何意义。您正在告诉最终用户您拥有具有表格重要性质的数据，但实际上并没有。

标签除了表示“部分”以外没有其他含义，因此屏幕阅读器不会对它们进行特殊处理。您可以使用

标签在布局中创建任意的视觉分隔，而不会影响标记的含义。

当我们谈论“语义化”标记时，就是指标记准确地描述了其内部内容的含义 -

相比之下，标签包装表格数据，

标签包装无序列表等。

- Rex M

---

你的意思是基于表格的网站对于屏幕阅读器用户来说很痛苦。在 CSS 和基于 DIV 的网站出现之前，他们是如何生存的呢？ - Jitendra Vyas

@Jitendra，正如你所说，这确实很痛苦。 - Rex M

我想他们大多数没有意识到。你会惊讶于互联网（和整个世界）对像盲人这样有严重残疾的人是多么不友好。 - Matthew Scharley

Answer 2

基于表格的网站可能会让屏幕阅读器对呈现的数据类型感到困惑。最初，表格被用于展示二维数据列表。但是随着表格被用于适应设计，阅读器需要区分表格的意图。

- monksy

Answer 3

这取决于表格的用途。如果表格用于布局，屏幕阅读器无法知道这一点，并按单元格阅读，从第一行第一列开始，第一行第二列，第二行第一列，第二行第二列等等，这通常不是内容预期的查看方式。如果需要以结构化形式显示数据，则使用表格是屏幕阅读器的最佳选择，因为可以使用按键逐行和逐列阅读。作为屏幕阅读器用户，当数据似乎没有任何意义时，我会感到很烦恼，因为它要么是由于表格布局不良，要么根本没有使用表格而使用其他视觉指示。

- Jared

---

所有的屏幕都使用基于div的结构来进行布局吗？ - Jitendra Vyas

Answer 4

认为DIV比表格更适合屏幕阅读器的观点忽略了真正的问题。

当前的CSS和HTML标准并没有提供任何明确的标签/指示符来帮助屏幕阅读器。在它们提供之前，无论您使用DIV还是表格，您都必须希望您的“语义正确的CSS页面”或“完成工作的表格”能够与大多数屏幕阅读器兼容。

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

- Ash