role="treeitem" に加えて aria-setsize と aria-posinset を使用することで、スクリーン リーダーに「1 of 7」や「2 of 7」などのセット内のアイテムの位置を通知させることができることを理解しています。
メニュー バーやタブ ストリップなどの他のグループに対して同じことを行う方法はありますか? これを達成するためだけに「treeitem」ロールを強制したくないのは確かです。
前もって感謝します。
role="treeitem" に加えて aria-setsize と aria-posinset を使用することで、スクリーン リーダーに「1 of 7」や「2 of 7」などのセット内のアイテムの位置を通知させることができることを理解しています。
メニュー バーやタブ ストリップなどの他のグループに対して同じことを行う方法はありますか? これを達成するためだけに「treeitem」ロールを強制したくないのは確かです。
前もって感謝します。
メニュー バーを作成している場合、使用する論理構造は順序付けられていないリストになります。<ul>
このリストに遭遇したスクリーンリーダーは、x 個の項目のリスト、たとえば「7 個の項目のリスト」が存在することをユーザーに通知しますが、各リンク項目の順序位置をユーザーに通知しないため、"リストの内容に応じて、箇条書き: リンク、箇条書き: 何とか"。
ユーザーがステップ番号を認識していることが重要な場合 (例: 一連の指示のリスト)、順序付けされたリストを使用する方が適切です。
<ol>
<li>Start your browser</li>
<li>Navigate to Stackoverflow</li>
</ol>
CSS を使用すると、番号を削除したり、順序付きリストの書式を変更したりできます。数字を削除しても、スクリーン リーダーがリストを読み上げる方法と変わらないため、1、2、3 などは引き続き読み上げられます。