Scrollable Regions must have Keyboard Access

Scrollable regions are areas on a webpage where the content is too large to fit in its given area, resulting in the appearance of scroll bars (horizontal and/or vertical) to navigate the content.

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

As users tab through the content on your page, they must be able to either focus directly on the scrollable region on the page or 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" attribute to the scrollable element to make it focusable.

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

This Failure Summary refers to adding a tabindex="0" to a static item within the scrollable area.

This flag 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.