BEFORE infinite scroll
Try keyboard: Tab into the list, focus an item, then scroll near the bottom. More items appear with no announcement.
Status: ready.
AFTER Load more + aria-live
The “Load more” button adds a page of items. Focus stays on the button, and a polite live region announces the loaded range.
Loaded items 1–10.
Why this pattern helps
- Predictable interaction: users decide when to load more content.
- Stable focus: don’t move focus to newly loaded items unless the user asked to jump there.
- Announcements: use a polite live region to confirm that content loaded.
- Reduced motion: avoid “endless loading” animations.