- Success Criterion 2.1.1
- Conformance level A
Infinite Scroll That Loads New Content Only on Mouse Scroll
2.1.1 — Keyboard
Scenario
Setting
A customer-support live-chat widget
What’s wrong
Infinite scroll where new content loads only on wheel/touch scroll events.
Example
Open a customer-support live-chat widget and this is what you'll see: infinite scroll where new content loads only on wheel/touch scroll events.
Why it matters
Blind users, people with motor disabilities, and anyone operating the interface without a pointer. On a customer-support live-chat widget, that means they can't complete the task using a keyboard alone.
How to test
Tab to a 'load more' region and press Enter/Space, or just wait: if new content only loads on wheel/touch scroll events, keyboard users can't trigger it.
How to fix
Load more content when the sentinel/button is reached by keyboard, not only on wheel/touch scroll.
Outcome
With the fix in place on a customer-support live-chat widget, they keep track of where they are on the page.
Who is affected
Blind users, people with motor disabilities, and anyone operating the interface without a pointer.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Feature That Only Responds to Mouse Events, Not the Keyboard
- Element That Loses Focus the Instant It’s Reached by Keyboard
- Clickable Element Acting Like a Link With No Real Keyboard Role
- Clickable Div With No Keyboard Focus or Key Handling at All
- Focusable Element That Enter and Space Don’t Actually Activate
- Custom Dropdown That Can’t Be Operated by Keyboard Arrows