检查网页标题时,有人看到h4后面跟着h2,就立即判定层级错误。但数字变小,可能只是上一段较深的内容结束,页面转入新的大节。标题审核如果只找数字是否连续,容易把合理的内容组织也列成问题。
W3C WAI的标题教程说明,标题用于表达页面内容的组织,并可帮助浏览器和辅助技术提供页内导航。较低层级的标题建立上级之下的子节,相同或更高层级的标题则开始新节。判断应围绕标题之间的关系,而不是只看某个元素在截图里有多大。
教程提醒,进入子节时应尽可能避免跳过层级,例如h2之后直接出现h4可能使结构难以理解;但结束子节时,可以回到较高层级,h4之后接一个新的h2就是文中的例子。这不是说任何回跳都正确,而是说明“继续深入”与“返回上级另开一节”需要分别看待。
设想一篇服务介绍,先讨论交付范围,其中某一小项再展开细节,随后转入费用说明。若费用说明是与交付范围并列的大节,返回相应层级便有内容上的依据。这个例子只用于解释组织关系,不代表已经检查某个真实网站的DOM,也不是把文中顺序强加给所有服务页面。
设计交付时,可以先列出标题文字和所属关系,再决定表现样式。需要大字号的提示语未必就是内容标题;真正承担分节作用的标题,也不应仅用加粗段落替代。视觉稿与实现之间若只传递字号,开发人员可能无法知道它在文章结构中处于哪一层。
同一教程还谈到侧栏等固定页面区域的标题,强调跨页面一致性。这样的位置不宜随着每篇正文的深度随意变化。审核时把主体文章和固定区域的作用交代清楚,能够避免为了让数字表面连续,而破坏长期一致的导航结构。
实际验收仍需检查生成后的页面,而不是只看设计图或一个元素名称。标题文本能否描述小节、层级是否对应内容、导航是否可用,都要依据真实实现验证。本文没有执行辅助技术测试,也不将标题修改等同于完整可访问性合格或搜索排名提升。回到读者如何理解页面,才是标题组织的判断依据。
信息来源
本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。