角色属性“Marquee”和“日志”
我只是想了解角色属性。首先，有人可以解释一下以下角色类别之间的区别吗？我一直在阅读 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>
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>
谢谢:)
I'm just trying to get my head around role attributes. Firstly, can someone explain the difference between the following role categories? I've been reading the W3C and it's double Dutch to me.
- Abstract Roles
- Widget Roles
- Document Structure Roles
- Landmark Roles
Secondly are the following usages acceptable/recommended?
Image slider:
<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>
Thanks :)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
抽象角色
是根本不应该在文档中使用的角色，但为其他类型的角色定义通用的辅助功能属性。
小部件角色
指示页面上的组件，例如进度条或股票行情指示器。与文档结构和地标角色不同，它们往往具有交互性。
文档结构角色
指示页面主要内容内的区域。例如文章、章节和标题。
地标角色
表示形成整个页面的区域，包括网页上常见的所有外围区域。横幅、旁注、导航区域和元数据区域都是地标。
Marquee 和 Log Roles
这些都是小部件角色，您可以将它们视为与
和具有相同的关系。如果页面上显示的随时间变化的信息片段没有内在顺序（例如新标题），请使用选取框。如果片段本质上是有序的（例如时间线），则使用日志。因此，Twitter feed 示例当然是正确的，图像滑块也可能是正确的，假设有支持 javascript 在显示的网页中更新它们。
Abstract Roles
Are roles that shouldn't be used in your documents at all, but define common accessibility properties for the other types of role.
Widget Roles
indicate components on the page such as a progress bar or a ticker. Unlike document structure and landmark roles, they tend to have a interactive aspect to them.
Document Structure Roles
indicate areas within the main content of the page. Things like articles, sections, and headings.
Landmark Roles
indicate the areas that form the entire page including all the periphery common on web pages. Banners, asides, navigation areas and metadata areas are landmarks.
Marquee and Log Roles
These are both widget roles, and you can think of them as having the same relationship as
<ul>and<ol>. If the snippets of information shown changing over time on the page have no intrinsic order to them (e.g. new headlines), use marquee. If the snippets are intrinsically ordered, (e.g. a time-line) use log.So, certainly the twitter feed example is correct, and the image slider probably is too, assuming that there is backing javascript updating them within the displayed web page.