css - すべてのページの2つの場所で同じナビゲーションを使用すると、1つはドロップダウンに、もう1つは左側のバーに表示されます。スクリーンリーダーのユーザーにとって問題が発生しますか？

Question

すべてのページの2つの場所で同じナビゲーションを使用している場合、1つはドロップダウンにあり、もう1つは左側のバーにあります。スクリーンリーダーのユーザーにとって問題が発生しますか？

Answer 1

短い答え、いいえ。答えが長くなると、リスナーにとって冗長になります。リーダーはページをレンダリングされた順序ではなくドキュメントの順序で表示するため、CSSポジショニングを使用して、リーダーユーザーにとってあまり役に立たないコピーが最後に発生するように配置できます。

Answer 2

それは問題ではないはずです。ドロップダウンがコンボボックスであると仮定すると、スクリーンリーダーはデフォルトでアイテムのリスト全体ではなく、コンボボックス内の選択されたアイテムのみを読み取るため、テキストが重複して読み上げられることはありません。ほとんどのスクリーンリーダーにはリンクのリストを生成する機能があるため、頻繁に使用するページをナビゲートするのにリンクが最適な方法だと思います。最初の文字のナビゲーションを使用して、ドロップを繰り返す代わりに、必要な場所に移動できます。たくさんの選択肢がありますが、そのほとんどはおそらく気にしません。

Answer 3

ページの最初のフォーカス可能な要素として「コンテンツにスキップ」リンクを追加して、ナビゲーションが非常に長い場合や繰り返しの場合に、すべてのナビゲーションを飛び越えられるようにすることができます。