Html 角色属性';字幕';和';日志';

Html 角色属性';字幕';和';日志';,html,accessibility,semantics,roles,w3c,Html,Accessibility,Semantics,Roles,W3c,我只是想了解一下角色属性。首先,有人能解释一下以下角色类别之间的区别吗?我一直在读W3C,它对我来说是双重负担 抽象角色 小部件角色 文档结构角色 里程碑式的角色 其次,以下用途是否可接受/推荐 图像滑块: <ul id="slider" role="marquee"> <li><a href="#"><img alt="#" src="images/sliderplaceholder.jpg"></a></li> <

我只是想了解一下角色属性。首先,有人能解释一下以下角色类别之间的区别吗?我一直在读W3C,它对我来说是双重负担

  • 抽象角色
  • 小部件角色
  • 文档结构角色
  • 里程碑式的角色
  • 其次,以下用途是否可接受/推荐

    图像滑块:

    <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>
    
    推特提要

    <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>
    
    
    啁啾
    呜呜呜呜

    5小时前

    呜呜呜呜

    5小时前

    谢谢:)

    抽象角色 这些角色根本不应该在文档中使用,而是为其他类型的角色定义通用的可访问性属性

    小部件角色 指示页面上的组件,如进度条或标记器。与文档结构和地标角色不同,它们往往具有交互方面

    文档结构角色 指示页面主要内容中的区域。比如文章、章节和标题

    里程碑式的角色 指示构成整个页面的区域,包括网页上常见的所有外围。横幅、旁白、导航区和元数据区是地标

    字幕和日志角色 这两个都是小部件角色,您可以认为它们与
    具有相同的关系。如果页面上显示的信息片段随时间变化而没有内在顺序(例如新标题),请使用字幕。如果代码段本质上是有序的(例如时间线),请使用日志

    因此,当然twitter提要示例是正确的,图像滑块也可能是正确的,假设在显示的网页中有支持javascript更新它们。

    Abstract Roles 这些角色根本不应该在文档中使用,而是为其他类型的角色定义通用的可访问性属性

    小部件角色 指示页面上的组件,如进度条或标记器。与文档结构和地标角色不同,它们往往具有交互方面

    文档结构角色 指示页面主要内容中的区域。比如文章、章节和标题

    里程碑式的角色 指示构成整个页面的区域,包括网页上常见的所有外围。横幅、旁白、导航区和元数据区是地标

    字幕和日志角色 这两个都是小部件角色,您可以认为它们与
    具有相同的关系。如果页面上显示的信息片段随时间变化而没有内在顺序(例如新标题),请使用字幕。如果代码段本质上是有序的(例如时间线),请使用日志

    因此,当然twitter提要示例是正确的,图像滑块也可能是正确的,假设在显示的网页中有支持javascript更新它们。

    小心“字幕”角色,
    aria-live
    在字幕上默认为
    off
    ,而在日志角色元素上默认为
    little
    。注意“字幕”角色,
    aria-live
    在字幕上默认为
    off
    而在日志角色元素上默认为
    little