Live demo: Open the pagination vs infinite scroll micro-demo
What goes wrong with infinite scroll
- No announcement: new content appears, but assistive tech users may not be told.
- Place keeping breaks: layout shifts can make it hard to track where you were reading.
- Hard to “stop”: it is easy to overshoot what you intended to read.
Small, reliable pattern
- Use a Load more button (or real pagination links) so the user chooses when to load.
- Keep focus stable (often: keep focus on the button after loading).
- Add a polite live region (
aria-live="polite") announcing what changed (example: “Loaded items 21–30”). - Avoid stealing focus to new items unless the user asked to jump there.
More from this hub
- Watch page (primary share target)
- Micro-demo backlog