Live demo: Open the pagination vs infinite scroll micro-demo
What goes wrong with infinite scroll
- No announcement: new content appears, but screen reader users may not be told.
- Focus instability: loading can shift the layout and make it hard to keep your place.
- Hard to “stop”: it’s 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 (e.g., “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