このルールがチェックする内容
aria-hiddenが指定されている要素にフォーカスできないこと、その要素にフォーカス可能な要素が含まれていないことを確認してください.
なぜ重要なのか
キーボード利用者が、スクリーンリーダーで読み上げられない要素にフォーカスしてしまいます(WCAG 4.1.2)。
修正方法
- フォーカス可能な要素を含むコンテナからaria-hiddenを削除するか、非表示のオフキャンバスメニューやスライドにtabindex="-1"とinert属性を追加します。
修正の確認方法
- スクリーンリーダーを起動した状態で、Tabキーでページ内を移動して確認します。
FixReportsが検出する方法
当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールaria-hidden-focusを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。
自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。