问题描述
我在我们的网站上做了很多带有表格的文件。
我看到关于在表之前,表中标题还是两者都需要标题(<h2>...</h2>
)的争论。
在我看来,字幕是语义的,因此就足够了。
同时使用这两种方法是重复的,如果我是屏幕阅读器用户,这会让我发疯。
而且由于字幕是语义的,所以我不需要咏叹调。
解决方法
简短答案
您不需要在表之前的标题,但是,如果标题有利于页面结构,则最好使用重复项,因为大多数屏幕阅读器用户如何与网页进行交互。
如果有疑问,请添加标题,因为重复操作比丢失关键文档结构元素更可取。
更长的答案
在表格之前不需要标题,但根据要创建的文档,它可能是合适的。
对此没有直接的指导,但是如果您分解(语义上)使用每个元素的用途以及不同人(主要是屏幕阅读器用户)如何使用它们,则可以看到为什么大多数人会争论使用两者。
标题
标题显然是整个文档中的主要地标,并用于显示各部分之间的关系。
它们也是大多数屏幕阅读器用户初次浏览页面时浏览页面的主要方式,以了解存在的信息以及出现的位置。
因此,在每个表格上方加上标题 是合适的。
例如,如果您的页面中包含几个包含关键信息的表,则每个表上方的标题一定会改善以前从未访问过该页面的屏幕阅读器用户的导航和可发现性。
但是,如果表格作为较大文本的一部分包含在内,并且是文本主体的补充/支持信息(可能在表格之后继续出现),则添加标题将导致不必要的重复,并且还会破坏文档流。显然,在这种情况下,假定该正文具有适当的标题,因此文档易于浏览。
字幕
您的表中有99%的时间应该有标题(我确定在某些情况下不需要标题,但现在我想不出标题)。
标题中的信息对于框架表信息的一般主题很有用。
例如,我选择了熟悉您网站(并且知道它有很多表)的屏幕阅读器用户,以按表进行导航。
如果没有标题,它们可能会在没有上下文的情况下降落在桌子上。
那我该怎么办?
添加标题,除非您能想到一个确实很好的理由。
如有疑问,请添加标题(在文档结构中的适当级别)。
但是,如果您认为该表由标题适当地描述并且在该表支持的文本正文之内,则可能不需要标题。
最终想法-让不熟悉该网站的人使用屏幕阅读器对其进行测试,这是查看页面是否易于浏览的最佳方法,因为开发人员会做出假设,甚至世上所有的经验都会使您误解,看到真实的人使用产品常常令人感到羞耻!