角色属性'Marquee'和'Log'

时间:2011-10-05 18:12:28

标签: html5 accessibility semantics roles w3c

我只是试图了解角色属性。首先,有人可以解释以下角色类别之间的区别吗?我一直在阅读W3C,这对我来说是双荷兰语。

  1. 摘要角色
  2. Widget Roles
  3. 文档结构角色
  4. Landmark Roles
  5. 其次是以下用法可接受/推荐?

    图片滑块:

    <ul id="slider" role="marquee">
    <li><a href="#"><img alt="#" src="images/sliderplaceholder.jpg"></a></li>
    <li><a href="#"><img alt="#" src="images/sliderplaceholder.jpg"></a></li>
    </ul>
    

    Twitter Feed

    <section id="twitter" role="log">
    <h1>Twitter</h1>
    <p>Bla bla bla</p>
    <p>5 hours ago</p>
    <p>Bla bla bla</p>
    <p>5 hours ago</p>
    </section>
    

    谢谢:)

1 个答案:

答案 0 :(得分:1)

摘要角色

根本不应在文档中使用的角色,而是为其他类型的角色定义公共辅助功能属性。

小部件角色

表示页面上的组件,例如进度条或自动收报机。与文档结构和里程碑角色不同,它们往往具有交互方面。

文档结构角色

表示页面主要内容中的区域。文章,部分和标题等内容。

地标角色

表示构成整个页面的区域,包括网页上常见的所有外围区域。横幅,旁边,导航区域和元数据区域是地标。

选框和日志角色

这些都是小部件角色,您可以将它们视为与<ul><ol>具有相同的关系。如果显示在页面上随时间变化的信息片段没有内在的顺序(例如新的标题),请使用选框。如果片段本质上是有序的,(例如时间线)使用日志。

所以,当然,twitter feed示例是正确的,并且图像滑块可能也是如此,假设在显示的网页中有后备javascript更新它们。