Creating an accessible “Load more” experience is more difficult than it looks.

  • Tell people how much content will be added
  • Target the first newly injected element for focus
  • If there is only one chunk of content to load, consider using a native summary/details expander
  • It may be necessary to alter the timing of functions to allow the screen reader to catch up

Consider a native summary/details expander

More letters Additional entries go here

Custom experience

On click, the first list item in the archive is targeted for focus.

Because it’s contained in an ordered list, the screen reader can describe the sequence and order of the items in the archive.