简化表格,包括标题行和/或列以及摘要, 在标题或Alt文本中.

当视力正常时,用户将注意力集中在表格单元格上, 他们能够通过上下或左右扫描来直观地确定单元格所在的行和列. 这为特定单元格中的值的含义添加了上下文.

另一方面, 屏幕阅读器只能从左到右,从上到下逐个读出每个单元格.

如果表的格式不正确, 没有一种简单的方法可以确定单元格中的特定值可能具有的标签.

例子

如果您不是屏幕阅读器用户, 假设你是,你想找到205节生物课的位置. 你发现一个网页上有一个格式错误的表格,你听到下面的文字被大声朗读出来. 你知道在哪里上课吗?

表有10列和7行. 部门代码, 类数, Section, 马克斯招生, 当前注册, 房间号码, 天, 开始时间, 结束时间, 教练, 生物, 100, 1, 15, 13, 5, 我的,结婚,星期五, 10:00, 11:00, Magde, 100, 2, 15, 7, 5, 星期二,星期四, 11:00, 12:30, Indge, 205, 1, 15, 9, 6, 星期二,星期四, 09:00, 10:30, Magde, 315, 1, 12, 3, 6, 我的,结婚,星期五, 13:00, 14:00, Indge, 公共汽车, 150, 1, 15, 15, 13, 我的,结婚,星期五, 09:00, 10:00, 罗伯茨, 210, 1, 10, 9, 13, 我的,结婚,星期五, 08:00, 09:00, Rasid.

创建可访问表 从网络AIM

 

使用表格显示数据

表通常显示行和列中两个或多个项目之间的关系. 但在互联网的早期, 网页设计师和开发人员通常使用表格来控制网页内容的布局,因为他们无法用HTML轻松做到这一点.

类似的, 内容创建者偶尔会在文字处理文档中使用表格来指示内容位置,而不是表示数据关系.

然而, 屏幕阅读器软件可能很难准确地解读这些表格中的单元格序列. 现在, 网页设计的进步, 比如CSS, 文档创建软件中提供的工具可以更有效地控制页面布局, 为了这个目的而使用表是不必要的.

Do

使用表格在网格中显示信息, 或矩阵, 用显示信息含义的列或行.

不要用表格让你的网页看起来与众不同. 网页上的表格布局不会造成固有的可访问性问题, 但要确保屏幕阅读器软件按正确的顺序读取细胞则更具挑战性.

不要在Google或Microsoft Word文档中使用表格来布局页面. 而这些表格可以通过简单地消除单元格之间的边界来隐藏视觉用户, 它们无法在屏幕阅读器面前隐藏起来.

当屏幕阅读器软件读取每个单元格在单元格内容之前引用的行和列标题时,盲人或视障用户可以处理表中显示的信息.

Do

使用web内容管理系统或文档创建软件中的表格格式工具指定至少一个行和/或列标题. 

Use the  element to mark up table headers in HTML.

对于使用辅助技术的用户来说,简单的表格更容易理解和浏览, 因为屏幕阅读器基本上忽略了表内的内容. 对于简单的表,HTML代码维护也可能更容易.

Do

最多包含一个标题行和一个标题列.

拼出缩写或首字母缩写, or use the or tags in HTML to ensure accessibility.

如果您的表有多个标头行, 合并后的细胞, 或者另一个嵌入其中的表, 将它分成两个或多个简单的表. 

如果要在网页上创建复杂的数据表, use the tag to programmatically associate the data cells with the appropriate headers.

不要合并细胞.

不要将一个表包含在另一个表中.

当它们在表中遇到空单元格时, 视觉和屏幕阅读器用户可能都想知道数据是否被错误地遗漏了. 除了, 屏幕阅读器软件可能会跳过读取空数据单元格, 导致标题行与其对应的数据单元格之间不匹配.

Do

包括诸如“不适用”、“无”等文本. 表示空单元格中没有数据.

不要让任何表格单元格为空.