Scrollable content cannot be reached with sequential focus navigation
| Field | Value |
|---|---|
| Rule code | Html_ScrollableFocus_Invalid |
| WCAG conformance level | A |
| WCAG success criterion | 2.1.1 Keyboard |
| Must be fixed at source | No |
Description
Elements that are scrollable must be included in sequential focus navigation. Elements such as sections with overflow should either have a tabindex attribute or contain focusable descendants to ensure accessibility.
How to fix
Ensure scrollable sections either have a tabindex="0" or contain interactive elements that can be accessed via sequential focus navigation (such as links or buttons). If no focusable elements are present, consider adding a tabindex="0" attribute to make the section itself focusable.