是否应始终在页脚元素上添加role ="contentinfo"?

Ian*_* Y. 32 html footer wai-aria

在ARIA演示网站上,role="contentinfo"通常会添加footer元素.

但是,现代网页设计中的页脚可以具有创造性,因此它们还可以包含诸如辅助导航链接,社交网站链接或甚至新闻简报形式之类的内容.

以下面的页脚代码为例.如果role="contentinfo"要在添加footerp元素?

<footer>
    <nav>
        <ul>
            ........
            ........
            ........
            ........
            ........
        </ul>
    </nav>
    <form>
        ........
        ........
        ........
    </form>
    <p>© 2012 Website.com. All rights reserved.</p>
</footer>
Run Code Online (Sandbox Code Playgroud)


编辑:我通过使用W3C ARIA邮件列表问了这个问题,W3C HTML工作组成员Steve Faulkner回复道.以下是他的建议:

我还会考虑浏览器如何将页脚元素映射到辅助功能API.
在Firefox中,页脚被映射到ARIA role = contentinfo
在Webkit/safari/chrome中,页脚被映射到ARIA role = group,如果它包含在section或article元素中,否则它被映射到role = contentinfo
在IE中它没有被映射

所以这样做:
<div role ="contentinfo">
    一些内容
    <footer>一些内容</ footer>
</ div>

将导致在已经将页脚映射到contentinfo的浏览器中宣布嵌套的contentinfo地标.

因此我建议将role = contentinfo添加到主页脚,而不要过多担心您认为可能不适合页脚的内容.


所以建议的方法是增加role="contentinfo"主要footer.

bcm*_*bcm 10

我认为它应该在你的情况下的页脚标签上.

它旨在提供有关父文档的信息,因此如果您的页脚元素给出了父文档的良好上下文,我会使用它.

http://www.w3.org/TR/wai-aria/roles#contentinfo


Mik*_*Lin 7

截至目前,还没有明确的正确答案.

如果按照规范进行操作:http://www.w3.org/TR/wai-aria/roles#contentinfo,contentinfo描述如下:

"包含父文档信息的大型可感知区域.此页面区域中包含的信息示例是版权和隐私声明的链接."

因此,在这种情况下,它应该放在您的<p>标签上.

但是,假装您是使用这些地标的用户.如果每个人都在地方role="contentinfo"footer,则认为是用户期望的结果.用户不关心"规范"说什么,他们只是想在从网站浏览网站时获得一致的体验.他们可能期待页脚链接,这样就在这个contentinfo部分,因为它是如何在许多网站上实现的,正如你所提到的那样,这是许多可访问性专家推荐的方式.

我更喜欢迎合用户,因此我将它应用于footer元素,但是我仍然在脑海中,这违背了规范(或者至少我对它的解释),并且这种实现可能会随着浏览器的变化而变化和其他可访问技术开始以更一致的方式实现可访问性.