DEV Community

anpos231
anpos231

Posted on

2

Performant infinite lists and accessibility.

I read this article on medium:
https://medium.com/walmartlabs/infinite-scrolling-the-right-way-11b098a08815

The author says, that to keeps things performant, we can reuse existing <li> elements, instead of adding new <li> to <ul>. And to create an immersion of scrolling we can use padding on <ul>.

One question immediately came to my mind: since screen readers announce the size of the list, based on the actual number of <li> inside <ul>, screen reader users will be unable to find out how big that list actually is.

Non-screen reader users will fill the immersion, but screen reader users wont.

Top comments (0)

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay