辅助功能(WCAG 2.0):标题和标题内容关系
问题描述:
我正在尝试编写兼容性(WCAG 2.0)兼容的HTML5页面。辅助功能(WCAG 2.0):标题和标题内容关系
页结构是常见的:
- 顶部/标题:徽标+文本要求+自定义按钮(ES:插入广告)+主菜单
- 主:选定的广告+分页 名单
- 页脚:页脚链接+免责声明
当然,我的网页的主要内容是上市块,由H1标签介绍(ES“在罗马的红色自行车选择广告”)。
。现在,因为:
- 层次标题组织明确规定可访问性的一个里程碑(参考:http://www.w3.org/TR/WCAG20-TECHS/H42.html)
- HTML5的大纲算法“不能依靠传达文档结构给用户”使用辅助技术的用户代理(参考:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document)
我对标题的主要内容之前,其配备在页面顶部的内容疑惑:
自从h1出现之后,我无法为它指定H2或H3,另一方面,我不想在没有标题的情况下离开首页内容。
谢谢。
答
一两件事要了解有关技术是在于它们的信息,而不是规范性阅读“摘要”以下文件http://www.w3.org/TR/WCAG20-TECHS/Overview.html
这意味着1.3.1的要求很简单,就是你标记您的结构来表示的信息的语义。
这意味着你可以绝对开始一个比H1更低的标题级别的页面。实际上,H1需要描述页面的主要内容,以便您能够使用语义标题级别来描述可能在主要内容之前出现的横幅内容或导航内容。
最佳做法是,你也想两件事情添加到您的网页:
- 为主要内容的地标作用,横幅内容,导航元素和页脚内容(如适用),和
- 跳过链接,让键盘只有用户可以直接跳转到主要内容区域(你也可以扩展为允许跳过像页脚等标志性地区,导航等)