# Scrollable region must have keyboard access

Source: https://www.fixreports.com/issues/scrollable-region-focusable

WCAG 2.1.1 Keyboard · Level A

A scrolling area can't be reached with the keyboard, so keyboard users can't scroll it.

## What this rule checks
Ensure elements that have scrollable content are accessible by keyboard in Safari.

## Why it matters
WCAG 2.1.1 requires everything to work with a keyboard.

## How to fix it
### On any website
1. Make the scrolling container focusable with tabindex="0" and give it a name, or make sure it contains a focusable element.

### On Shopify
1. Make the scrolling container focusable with tabindex="0" and give it a name, or make sure it contains a focusable element.

### On WooCommerce and WordPress
1. Make the scrolling container focusable with tabindex="0" and give it a name, or make sure it contains a focusable element.

## How to check the fix
- Tab to the area and scroll it with the arrow keys.

## Sources
- axe-core rule documentation (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Understanding WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard