Pagination vs infinite scroll (focus + announcements)

Try keyboard: Tab into the list, focus an item, then scroll near the bottom. More items appear with no announcement.

The “Load more” button adds a page of items. Focus stays on the button, and a polite live region announces the loaded range.

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 aria-live="polite" to confirm that content loaded.
• No motion tricks: avoid animated “infinite” loading effects (and respect reduced motion).