| Title | Inappropriate Scrollable Element Check |
|---|---|
| id | scrollable_02 |
| type | prop |
| elem | scrollable |
| test | scrollableAccessNot |
| score | 3 |
| level | A |
| trust | 1 |
| ref | G202 |
| scs | 2.1.1 |
| dis | 43353 |
| result | failed |
The "Inappropriate Scrollable Element Check" evaluates whether there is any scrollable container on the page that is not accessible via keyboard navigation.
I found 1 scrollable element that is not keyboard accessible.
- Visual Impairments: Screen reader users cannot navigate to or explore scrollable content if it’s not keyboard accessible, potentially missing key information.
- Motor Impairments: Users who cannot use a mouse (e.g., due to paralysis or amputation) cannot scroll through hidden content using keyboard-only.
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.