To create a semantic / accessible list using the Load More button

Here is a simple example of what I would like to do:

HTML:

  • Item 1
  • Item 2
  • Item 3

JS:

// Pseudo code
button.on('click').then(loadThreeMoreItems());

Logically, it's a bit simple and it would work well with the keyboard. I'm not sure how to make this feature more accessible to screen readers, so I'll be alerted when new items are added to the list.

Does anyone have an option / kickstart how to do that?

I did not find anything in my search. Maybe I'm looking for the wrong keyword.

Thanks a lot!