为什么基于表格的网站对屏幕阅读器用户不利?
-
21-09-2019 - |
题
屏幕阅读器处理起来容易多少 <div>
基于网站而不是旧网站 <table>
基于网站,为什么它们更糟?
解决方案
屏幕阅读器呈现table
里面的内容是平板状,并读取它是这样。例如。 “第1行,第1列:(内容)”。如果您使用表格奠定了你的网站,这不一定任何意义。你说的是终端客户,您有表格数据的意义,当你真正没有。
相比之下,div
没有比“一节”等含义,因此屏幕阅读器不会尝试来表示他们。您可以使用div的,使任意视觉符在布局没有标记的冲击的意的。
这是我们的意思,当我们说“的语义”的标记。语义意味着标记准确地描述了意它里面的内容 - 表包裹表格数据,UL
s包无序列表等
其他提示
表为基础的网站可能会混淆用于正在呈现的数据的类型的屏幕阅读器。最初的表被用来显示数据的二维表。但随着使用表格来配合设计,读者必须区分表的意图。
这取决于什么表的用途。如果用于布局表屏幕阅读器无法知道这种方式并细胞读取单元格,一行,一列开始,行一列二,行两列的一排两个列二,等,这往往是不内容是指的方式来进行查看。如果需要显示结构化形式的数据表是去与屏幕阅读器,因为按键可以使用列读取由行和列行的最佳方式。屏幕阅读器用户我找到时数据不会出现使任何SENCE因为它或者与表很差奠定出,或一个表被根本不使用和使用某些其它视觉指示它是烦人。
认为 DIV 比表格更适合屏幕阅读器的观点忽略了真正的问题。
当前的 CSS 和 HTML 标准根本不提供任何明确的标签/指示符来帮助屏幕阅读器。在他们这样做之前,无论您使用 DIV 还是表格,您都只能希望您的“语义正确的 CSS 页面”或“完成工作的表格”适用于大多数屏幕阅读器。
不要忘记,仅使用 DIV 创建难以理解的页面与使用表格同样容易。
不隶属于 StackOverflow