Infinite Scroll & Accessibility! Is It Any Good? • DigitalA11Y

Infinite Scroll & Accessibility! Is It Any Good?
I was thinking of implementing infinite scroll on my home page & remove pagination but then I thought I need to make this accessible. There is no point providing a feature & later realizing that it is not accessible for majority of users. My main goal was to see if I can make infinite scroll accessible for people with disabilities to use & then I went on bit of hunt to research on Google. What I found changed my mind & I think infinite scroll is bad for people with disabilities & wide variety of users.
What is Infinite Scroll
Infinite scrolling is a web-design technique that loads content continuously as the user scrolls down the page, eliminating the need for pagination. The success of infinite scrolling on social media sites such as Twitter have made this technique popular, but that doesn’t mean you should do it too.
Source: Infinite Scrolling is Not for Every Website
While ARIA1.1 introduced a Feed role which enables infinite scroll accessible for screen reader users, reading the blog post by Adrian “So You Think you’ve built a Good Infinite Scroll” changed my mind. Here is a checklist that Adrian provided that one can refer before implementing infinite scroll.
Can the user hit “back” and return to the exact same place?
Is there paging for when the JavaScript breaks?
Does the page have footer?
Can a keyboard user access all other content on the page?
Can you share a URL to a specific place on the page?
Can a user easily jump ahead a few “pages” to quickly get to content much further down the list?
Does the memory footprint of the page dramatically increase after just a couple new “pages?”
Is there a way to disable automatic infinite scrolling and lean on standard paging?
Have you conducted any user tests?
Are you satisfying a use case that has come from research or user request?
Do you have any analytics/tracking to measure success?
As a screen reader user I wanted to experience this for myself & found an accessible infinite scroll example here & here are my thoughts.
Screen Reader Users Perspective Using a Infinite Scroll
I was unable to figure out if there is footer or not.
Screen reader kept on going through the content & I got little frustrated after few minutes. There was no end.
When I activated the keystroke ctrl+end key to move to end of the page & then use up arrow to navigate the content. Content is not exposed to screen reader. It looks like focus doesn’t move into feed region using this method. It works fine while navigating from top of the page using down arrow. (Scenario fails with Jaws! Works as expected with NVDA)
There is no way I can guide another assistive technology user on where the content is or in how many keystrokes he might need to reach that particular content. My current blog shows 5-6 posts on a page & it is easy to guide someone.
If infinite scroll is must then I prefer a load more button to load new results in to the feed. But then I might not know how many pages of content is available & how many times I need to activate load more button.
I cannot start from where I left off. Suppose I am on 30th post & left the site I need to scroll all 30 posts to get to that content.
Each article region is provided with tabindex=0 so that’s an extra tab stop that assistive technology & keyboard only users have to go through. Not ideal but there is no work around for it.
Infinite scroll is more distracting on mobile as it is touch dependent.
While infinite scroll can be made accessible for people who use screen readers using various ARIA Roles, States & Properties it is not a great user experience for other users. For more information refer to the following posts & make your own judgement.
Related Insights on Accessibility
Share A11Y Love
Raghavendra Satish Peri is a digital Transformation specialist working with small & large enterprises in the areas of digital accessibility & digital marketing. He authors an Accessibility Blog at DigitalA11Y.com & is galvanizing the adoption of accessibility by inspiring the local tech community with meetups and mentorship. He propelled this thought by founding HelloA11y.com, a community of accessibility professionals, developers, and enthusiasts. When away from his computer, Raghava can be found at local cafes & restaurants sampling cuisines, attending local meetups, listening to audio books, or writing on his Personal Blog at raghava.in.
Similar Posts
Did you know about the Information and Communications Technology (ICT) Accessibility Testing Symposium? This is a brand new event hosted by the National Federation of the Blind Center of Excellence in Nonvisual Access to Education, Public Information, and Commerce (CENA). This two day event at the beginning of November brings together people who are interested…
The internet has revolutionized the way we access information, connect with others, and conduct business. But despite the many benefits of the web, there are still many challenges to creating designs that are truly accessible to all users. In this blog post, we’ll explore some of the ways that people really use the web and…
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large TextLarge-scale text and images of large-scale text have a contrast ratio of at least 3:1; IncidentalText or images of text that are part of an inactive user interface component, that are pure decoration,…
One of the difficult tasks of an accessibility consultant is to run automation testing on mobile web as the screen size is small & browsers doesn’t support the installation of regular plug-ins; we need to depend on Bookmarklets or connect the device to a MAC or a Desktop machine & conduct the testing using alternative…
A lot of times I get the question I have gone through about an X accessibility problem on the web & I am not satisfied with what I found, where can I go & get other experts to comment on this? At my workplace at Deque we have an internal discussion mailing list called TeamA11Y…
Born was accessibility once upon a time. From usability, it has moved to a stage that is known as ‘Inclusivity’ – for all; by all.It is the people who have carried this forward here. But we need more and more platforms to discuss, collaborate and innovate with new ideas, designs and orchestrate solutions that are…