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 hereCustom 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.