首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >可访问性(WCAG2.0 ):标题和标题内容关系

可访问性(WCAG2.0 ):标题和标题内容关系
EN

Stack Overflow用户
提问于 2015-07-21 09:10:29
回答 1查看 374关注 0票数 1

我正在尝试编写兼容HTML5页面的可访问性(WCAG2.0)。

页面结构很常见:

  • 顶部/标题:徽标+文本声明+自定义按钮(es:插入广告)+主菜单
  • 主语:选择广告+分页的列表
  • 页脚:页脚链接+免责声明

当然,我页面的主要内容是由H1标记(es )引入的列表块。“罗马红色自行车精选广告”)。

考虑到这一点:

  • 分层标题组织被明确声明为可访问性的里程碑(参考:http://www.w3.org/TR/WCAG20-TECHS/H42.html)
  • HTML5大纲算法“不能使用辅助技术用户代理向用户传递文档结构”(参考:document)

我对在主要内容之前的页面顶部的内容进行标题有疑问:

我不能给它分配一个H2或H3,因为h1是在它之后出现的,另一方面,我不想在没有标题的情况下保留顶部的页面内容。

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2015-07-21 10:51:53

关于技术的一件事需要理解的是,它们是信息性的,而不是规范性的--阅读以下文档http://www.w3.org/TR/WCAG20-TECHS/Overview.html的“摘要”

这意味着,1.3.1的要求仅仅是标记您的结构来表示信息的语义。

这意味着您绝对可以以比H1更低的标题级别启动页面。实际上,为了允许H1描述页面的主要内容,并且为了能够使用语义标题级别来描述主内容之前可能出现的标题内容或导航内容,这是必需的。

作为最佳实践,您还需要在页面中添加两项内容:

  1. 主要内容、横幅内容、导航元素和页脚内容的地标角色(如果适用),以及
  2. 一个只允许键盘用户直接跳转到主内容区域的跳过链接(您也可以扩展这个链接以允许跳到其他地标区域,如页脚、导航等)。
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31534843

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档