Skip to content

Rule · Accessibility

Scrollable region is not keyboard accessible

a11y/scrollable-region-focusablewarnvoid a11yupdated

Why it matters

A scrollable container with no focusable content cannot be scrolled with the keyboard, which hides overflowed content from keyboard users.

How to fix it

Add tabindex="0" to the scroll container, plus a role and aria-label so it is announced sensibly.

Example

tsx
<div class="table-wrap" tabindex="0" role="region" aria-label="Pricing table">…</div>

References

void a11y reports 48 rules in this category. WCAG 2.2 AA through axe-core, plus checks axe can't do alone: visible keyboard focus, 24/44px target size on mobile, 320px reflow and disabled zoom.