角色属性“Marquee”和“Log”

Question

我只是想了解角色属性。首先，有人可以解释以下角色类别之间的区别吗？我一直在阅读 W3C，它对我来说是双重荷兰语。

1. 抽象角色
2. 小部件角色
3. 文档结构角色
4. 标志性角色

其次，以下用法是否可以接受/推荐？

图像滑块：

<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>

谢谢:)

Answer 1

抽象角色

是根本不应该在您的文档中使用的角色，而是为其他类型的角色定义通用的可访问性属性。

小部件角色

指示页面上的组件，例如进度条或自动收报机。与文档结构和地标角色不同，它们往往具有交互性。

文档结构角色

指明页面主要内容中的区域。文章、章节和标题等内容。

标志性角色

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

选取框和日志角色

这些都是小部件角色，您可以将它们视为与<ul> 和<ol> 具有相同的关系。如果页面上显示的随时间变化的信息的 sn-ps 对它们没有内在顺序（例如新标题），请使用 marquee。如果 sn-ps 本质上是有序的，（例如时间线）使用 log。

所以，推特提要示例当然是正确的，图像滑块也可能是正确的，假设在显示的网页中有支持 javascript 更新它们。