Scrollable Regions must have Keyboard Access

Scrollable content refers to content on a webpage that is too large to fit in its given area, resulting in the appearance of scroll bars to navigate the content.

Keyboard access refers to a situation when a user is only using a keyboard to access and navigate your site.

In other words, as users tab through the content on your page, they must be able to either focus directly on the scrollable region or on a static text element within it.

Keyboard navigation should continue smoothly when the focus moves to an element within a scrollable area.

If you have an element (div, p, etc.) with a Failure Summary containing 'Element should be focusable', add a tabindex="0" to the element's attributes to make it focusable.

It is a best practice to always put a tabindex="0" on either:

Focusable content refers to content that can be selected or activated by the user, usually through keyboard navigation (like pressing the tab key) or mouse interaction.

This occurs when an HTML element or any part of one is determined by the user agent to be a focusable area, for example:

To remedy this issue, add tabindex="0" to the element mentioned in the Element Source.