# スクロール可能な領域はキーボードでアクセスできなければなりません

<https://www.fixreports.com/ja/issues/scrollable-region-focusable>

WCAG 2.1.1 キーボード・レベルA

スクロール領域にキーボードでたどり着けないため、キーボード利用者はスクロールできません。

## このルールがチェックする内容
スクロール可能なコンテンツを持つ要素がキーボードでアクセスできることを確認してください.

## なぜ重要なのか
WCAG 2.1.1では、すべての機能をキーボードで操作できることが求められます。

## 修正方法
### あらゆるウェブサイトの場合
1. スクロールするコンテナをtabindex="0"でフォーカス可能にして名前を付けるか、フォーカス可能な要素を含むようにします。

### Shopifyの場合
1. スクロールするコンテナをtabindex="0"でフォーカス可能にして名前を付けるか、フォーカス可能な要素を含むようにします。

### WooCommerceとWordPressの場合
1. スクロールするコンテナをtabindex="0"でフォーカス可能にして名前を付けるか、フォーカス可能な要素を含むようにします。

## 修正の確認方法
- Tabキーでその領域に移動し、矢印キーでスクロールできることを確認します。

## 出典
- axe-coreのルールのドキュメント（Deque）: https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- WCAG 2.1.1の解説（W3C）: https://www.w3.org/WAI/WCAG22/Understanding/keyboard