| Title | Scrollable Element Check |
|---|---|
| id | scrollable_01 |
| type | true |
| elem | scrollable |
| test | scrollableAccess |
| score | 10 |
| level | A |
| trust | 1 |
| ref | G202 |
| scs | 2.1.1 |
| dis | 43353 |
| result | passed |
The "Scrollable Element Check" evaluates whether all scrollable elements on the page are accessible via the keyboard.
I noticed that all scrollable elements are keyboard accessible.
- Visual Impairments: Screen reader users rely on keyboard navigation to interact with content. If scrollable areas can’t be accessed, important content may be hidden.
- Motor Impairments: Users with limited or no ability to use a mouse can't access content if it’s not reachable via keyboard.
To address scrollable elements that are not keyboard accessible:
- Locate the inappropriate scrollable element.
- Ensure it is keyboard focusable (i.e., use
tabindex="0"if it is not naturally focusable). - If possible, use a native HTML element that is naturally focuable and scrollable.