私はサイトを調べて、完全に ADA に準拠させることを任されています。私が困惑している現在の問題は、重複した ID の問題を修正する方法です。
ここを読む: https://dequeuniversity.com/rules/axe/2.2/duplicate-id?application=lighthouse
ID の重複は ADA の問題であると述べています。
このサイトに重複する ID があるのは、2 つの主要なナビゲーションがあるためです。1 つはデスクトップ用、もう 1 つはモバイル用です。特定のビューポートで、モバイル メニューは CSS スタイルを display: none; から切り替えます。表示する: ブロック; デスクトップメニューの場合はその逆です。
私はここで読みました: https://www.html5accessibility.com/tests/hidden2013.html
その表示：なし。は、スクリーン リーダーからコンテンツを非表示にするためにサポートされている方法です。だから私が疑問に思っているのは、重複した ID の問題が問題ではないかどうか、そしてモバイルとデスクトップのメニューが同時に表示されることはないので、問題ではないということです。
これらの ID は、フォームやテーブル ヘッダー セルなどのラベルにも関連付けられていません。それとも、これはまだ ADA に準拠していないものですか? もしそうなら、デスクトップとモバイルのメニューを 1 つに結合したり、両方に一意の ID を与えたりせずに ADA に準拠させるには、どのような手順を踏むことができますか?