Keyboard
scrollable-region-focusable
WCAG 2.1.1 Keyboard Level A
Who this affects
A scrollable area cannot be reached or scrolled by keyboard.
How to fix it
Add tabindex="0" to the scrollable container so a keyboard user can focus it and scroll with the arrow keys.
How much work is it?
Usually a developer work. That is a rough guide for planning, not an estimate for your codebase. A single content edit repeated across a template is a template change.
What a person still has to check
Passing this rule does not mean 2.1.1 passes. Automation checks part of the criterion, and the rest is a judgement:
Unplug the mouse. Reach and operate every control with the keyboard alone.
Read 2.1.1 Keyboard in plain language
Where this check comes from
This is an axe-core rule. We run axe in a real browser on every page we scan. Deque’s reference for scrollable-region-focusable
Find out whether your site does this
A scan checks this rule on every page it visits, and shows you the code and a screenshot of each place it fires.