Scrollable region must have keyboard access

Serious

What is the problem?

The "scrollable-region-focusable" rule ensures that elements with scrollable content, like long lists or text areas, can be navigated and interacted with using a keyboard.

Impacted Groups

Blind
Deafblind
Mobility

Why is this important?

Keyboard-only users, including those who use screen readers or have motor impairments, rely on keyboard navigation to access content. If scrollable elements aren't focusable, these users may be unable to see or interact with important information.

How to solve this issue

To fix this issue, make sure that scrollable elements have the appropriate CSS styles to allow keyboard navigation. This typically involves using the overflow property with scroll. Additionally, ensure that any JavaScript-based scrolling mechanisms are also keyboard-accessible.

Rule Information

Rule ID

scrollable-region-focusable

Severity

Serious

Manual Review Required

No

Rule Group

WCAG 2.0 Level A & AA Rules

Guidelines

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • Trusted Tester
  • EN 301 549

Customise Guidance

You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.

Enable your website editors to resolve issues quickly with SiteAlly.

Ready to make your website accessible?

SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.