WCAG 4.1.2・レベルA

aria-hiddenが指定されている要素は、フォーカス可能であったり、フォーカス可能な要素を含んでいたりしてはなりません

フォーカス可能な要素がスクリーンリーダーからは隠されていますが、キーボードではたどり着けてしまいます。

このルールがチェックする内容

aria-hiddenが指定されている要素にフォーカスできないこと、その要素にフォーカス可能な要素が含まれていないことを確認してください.

なぜ重要なのか

キーボード利用者が、スクリーンリーダーで読み上げられない要素にフォーカスしてしまいます(WCAG 4.1.2)。

修正方法

  1. フォーカス可能な要素を含むコンテナからaria-hiddenを削除するか、非表示のオフキャンバスメニューやスライドにtabindex="-1"とinert属性を追加します。

修正の確認方法

  • スクリーンリーダーを起動した状態で、Tabキーでページ内を移動して確認します。

FixReportsが検出する方法

当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールaria-hidden-focusを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。

自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。

今すぐウェブサイトをスキャン

見つけて、直して、確かめる。

これはどんな種類のサイトですか?

回答に合わせて、オンラインストアの購入フローなど適切なチェックを選びます。サイト自体の判断材料も確認し、両方を表示します。

これはどんな種類のサイトですか?

無料スキャン。クレジットカードは不要です。