このルールがチェックする内容
スクロール可能なコンテンツを持つ要素がキーボードでアクセスできることを確認してください.
なぜ重要なのか
WCAG 2.1.1では、すべての機能をキーボードで操作できることが求められます。
修正方法
- スクロールするコンテナをtabindex="0"でフォーカス可能にして名前を付けるか、フォーカス可能な要素を含むようにします。
修正の確認方法
- Tabキーでその領域に移動し、矢印キーでスクロールできることを確認します。
FixReportsが検出する方法
当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールscrollable-region-focusableを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。
自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。