在 ARIA 演示网站上,role="contentinfo"
通常添加在footer
元素。
然而,现代网页设计中的页脚 http://www.smashingmagazine.com/2008/04/08/footers-in-modern-web-design-creative-examples-and-ideas/可以具有创意,以便它们还可以包含补充导航链接、社交网站链接甚至时事通讯表格等内容。
以下面的页脚代码为例。应该role="contentinfo"
被添加到footer
or the p
元素?
<footer>
<nav>
<ul>
........
........
........
........
........
</ul>
</nav>
<form>
........
........
........
</form>
<p>© 2012 Website.com. All rights reserved.</p>
</footer>
编辑:我通过使用 W3C ARIA 邮件列表提出了这个问题,W3C HTML 工作组成员 Steve Faulkner 已回复。以下是他的建议:
我还会考虑浏览器如何将页脚元素映射到辅助功能 API。
在 Firefox 中,页脚映射到 ARIA role=contentinfo
在 Webkit/safari/chrome 中,如果页脚包含在节或文章元素中,则页脚将映射到 ARIA role=group,否则将映射到 role=contentinfo
在 IE 中它没有映射
所以这样做:
一些内容
一些内容页脚>
将导致在已经将页脚映射到 contentinfo 的浏览器中宣布嵌套的 contentinfo 地标。
因此,我建议将 role=contentinfo 添加到主页脚,不要太担心您认为可能不适合出现在页脚中的内容。
所以建议的方法是添加role="contentinfo"
到主要footer
.
我认为它应该位于您的情况的页脚标签上。
它旨在提供有关父文档的信息,因此如果您的页脚元素提供了父文档的良好上下文,我会使用它。
https://www.w3.org/TR/wai-aria/#contentinfo https://www.w3.org/TR/wai-aria/#contentinfo
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)