Question

据我所知，通过使用role =“treeitem”加上aria-setsize和aria-posinset，你可以让屏幕阅读器宣布一个项目的位置，例如“1 of 7”或“2 of 7”

有没有办法为菜单栏或标签条等其他组做同样的事情？我们当然不希望为实现这一目标而强制执行“treeitem”角色。

提前致谢。

Answer 1

如果您正在创建菜单栏，则要使用的逻辑结构将是无序列表<ul>

遇到此列表的屏幕阅读器将通知用户存在x个项目的列表，例如“7个项目列表”，但它不会通知用户每个链接项的序号位置，因此它会根据列表内容读出“Bullet：link，Bullet：blah”。

如果用户了解步骤号很重要，例如顺序指令列表，然后使用有序列表更合适，例如

<ol>
<li>Start your browser</li>
<li>Navigate to Stackoverflow</li>
</ol>

使用CSS，您可以删除数字，或更改有序列表的格式。删除数字与屏幕阅读器如何读出列表没有什么不同，所以他们仍然会听到1,2,3等等。