---
title: "Scrollable region is not keyboard accessible (a11y/scrollable-region-focusable)"
description: "a11y/scrollable-region-focusable: A scrollable container with no focusable content cannot be scrolled with the keyboard, which hides overflowed content from…"
canonical: https://void-design.vercel.app/rules/a11y/scrollable-region-focusable
lastModified: 2026-09-16
---

# Scrollable region is not keyboard accessible

`a11y/scrollable-region-focusable` · severity **warn** · category Accessibility · detected by `void a11y` and `void audit`

## 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

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

## References

- https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable

## More accessibility rules

`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.

- `frame-title` <iframe> has no title — [a11y/frame-title](https://void-design.vercel.app/rules/a11y/frame-title)
- `svg-img-alt` SVG image has no text alternative — [a11y/svg-img-alt](https://void-design.vercel.app/rules/a11y/svg-img-alt)
- `role-img-alt` role="img" element has no text alternative — [a11y/role-img-alt](https://void-design.vercel.app/rules/a11y/role-img-alt)
- `tabindex` Positive tabindex — [a11y/tabindex](https://void-design.vercel.app/rules/a11y/tabindex)
- `link-in-text-block` Links in text are distinguished only by color — [a11y/link-in-text-block](https://void-design.vercel.app/rules/a11y/link-in-text-block)
- `autocomplete-valid` Invalid autocomplete value — [a11y/autocomplete-valid](https://void-design.vercel.app/rules/a11y/autocomplete-valid)
- `meta-viewport` Zooming is disabled — [a11y/meta-viewport](https://void-design.vercel.app/rules/a11y/meta-viewport)
- `bypass` No way to skip repeated content — [a11y/bypass](https://void-design.vercel.app/rules/a11y/bypass)

Detected by `void a11y` and `void audit`. Explain it in a terminal: `void rules a11y/scrollable-region-focusable`