我知道通过使用 role="treeitem" 加上 aria-setsize 和 aria-posinset，您可以让屏幕阅读器宣布一个项目在集合中的位置，例如“1 of 7”或“2 of 7”。
有没有办法为其他组（例如菜单栏或标签条）做同样的事情？我们当然不想仅仅为了实现这一点而强制执行“treeitem”角色。
提前致谢。
问问题
236 次
1 回答
0
如果您正在创建菜单栏，则要使用的逻辑结构将是无序列表<ul>
遇到此列表的屏幕阅读器会通知用户存在 x 个项目的列表，例如“7 个项目的列表”，但它不会通知用户每个链接项目的序数位置，因此它会读出“ Bullet: link, Bullet: blah" 取决于列表内容。
如果用户知道步骤编号很重要，例如顺序指令列表，那么使用有序列表会更合适，例如
<ol>
<li>Start your browser</li>
<li>Navigate to Stackoverflow</li>
</ol>
使用 CSS，您可以删除数字，或更改有序列表的格式。删除数字与屏幕阅读器读出列表的方式没有什么不同，所以他们仍然会听到 1、2、3 等。
于 2011-02-03T08:29:53.977 回答