如何讓屏幕閱讀器發佈「1of7」/「2of7」類信息？

Question

我知道通過使用role =「treeitem」加上aria-setsize和aria-posinset，你可以讓屏幕閱讀器宣佈一個項目在「1/7」或「2/7」中的位置。

有沒有辦法爲其他組做同樣的事情，如菜單欄或標籤條？我們當然不希望爲了實現這一目標而強制執行「樹形結構」角色。

在此先感謝。

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