markers = friend:0rcc6m5ozfe= flower:yug23tfkeuu= happy birthday wishes, simple:v0a9eaicorc= easy:zrgndj7ncki= mehendi design, easy:ovhdv5spv4w= cute minecraft house, sketch:cvby8labucy= swami vivekananda, aesthetic:vkd5equoiyi= bio for instagram, simple:w9ov9azz2wa= light wallpapers, wallpaper:wzrnlrtqvag= snowboard, high resolution:2wuyjtaajpw= blue background, bad boy:uhewe39qune= handsome anime boy, art:flotxgkkxj8= jailer, color:mffnueuoskc= bob esponja dibujo, summer:_h_oioemxs8= nail designs 2023, background:smvdqnxfnps= image, printable:ptqdkfycxy4= calendar template, love:f07apw120zs= good morning image, desktop:wwxe7narr8e= one piece wallpaper 4k, drawing:wlfjqxf8ajo= soccer ball, love:-grys0go8qu= good night gif, printable:s3k90khjhma= number 7, logo:i4qki5ltgkk= cruz azul, interior:uaudc3pejws= jeep rubicon, clipart:kr96g0qyds4= jack o lantern, silhouette:f6h2vtaj_ly= person, cute:ivfieodd0a4= demon slayer wallpaper, drawing:xiqse3daslw= basic simple floor plan, easy:dbjl5n8zg-a= watercolor drawing, short:fsvnw-qvsqq= green dress, wallpaper:gekkvb1i6oi= joey jordison, wallpaper:kyxxzy23pgs= love, girl:g81gelj1oro= discord pfp, boy:qo9ebjpfqju= anime drawings, drawing:vusc4acxkr0= guitar, free printable:hdorg3kuexi= printable calendar 2024, logo:i5fzghtjllo= sprint, logo:ccbq9q38f7y= car stickers, interior:1k_4hpu_ggy= id buzz, drawing:2ltgvx8vq0i= ferret, drawing:pxrl_s_b2vq= dogman, printable:pxsxiedyj2c= number 10, small:ckqzbwqfp8e= tattoo ideas, anime:4fktohgni8e= para dibujar, baby:nb9bhokzclu= egg, easy:piy5gbe23w4= water pollution, logo:nmztpxl2vpi= imo, wallpaper:jh7ihx1sf2u= real madrid, girl:kl1hnuiv1qu= anime drawing, background:c_dct4d6_wy= star wars wallpaper, clipart:rv1bmn21eta= tree, logo:--br5dni-fu= black panther, gamma blue:jtv8_kcjbnm= jordan 11, wallpaper:sls2yf9zhnc= power chainsaw man, cool:m-rw4r2o-c4= tyreek hill wallpaper, laptop:jgh-3xi30ga= y2k wallpaper, easy:1evv4mwcoco= clouds drawing, aesthetic:0wvdmhraubm= journal, drawing:ogqfvddk98a= uncle sam, wallpaper:p8bexdyro4g= nirvana, free printable:e_vivu9u8kw= habit tracker, interior:_wt_p8xho_u= chevy colorado, clipart:gmcy_hkauie= computer mouse, logo:duntjzuopi0= oregon ducks football, love:2hylaf2259k= couple wallpaper, logo:4egdjhehkiy= sun bum, papa love: papa to icha ero shitai musume-tachi to hitotsu yane no shita de, art:aogsvlbm18c= easy drawing, wallpaper:bmkde9sd14k= preppy, simple:he4a732wuhu= main hall modern tv unit design, background:b-_o7d4xysa= bible, anime:fwz8vnzp1hk= doraemon, tattoo:oot2nczowya= paris jackson, wallpaper:alfkml05yvm= football players, art:jvrl3auuhpy= golden ratio, wallpaper:qii3efpaek8= fortnite gif, cute:wxjpnf-4sdo= rock painting, flower:yn3vfbaa9-4= violets, drawing:mvs9zl-sriq= barbie, aesthetic:byd2j7hlyfy= phone wallpaper, drawing:znnauq4mcdm= anime:eookzxwgqz0= dog, printable:iz1av1uawe0= transformers coloring pages, easy:3rgbruczobg= dog, clipart:imyjcpbs0qy= lacrosse, animated:-qbl_na_br4= wednesday, hd wallpaper:yeg7rspt4-e= fondo de pantalla, cool:pzcjo9-wnmu= naruto wallpaper 4k, easy:tnqbt-yd66y= rongali, cute:cncyfo63mtq= snowman, clipart:9syrscuqzfm= dad, desktop:wekeeg9ummu= best wallpaper, wallpaper:ty_ykip8fac= spongebob, aesthetic:w3ny0mbvrpq= space, baby:3xnnkztkcd8= krishna photo, anime:kt8iwcs-0mo= baki hanma, wallpaper:d_tq8qn9z0i= vini jr, drawing:ngy_haoz3xi= ja morant, free printable:ugczhsmdb6g= christmas tree coloring page, cute:_mibpkuqkuu= my melody wallpaper, clipart:xg1xesyv184= angel wings, aesthetic:iwbfi5ucmgc= cinnamoroll wallpaper, wallpaper:s8b8cnlafkc= cinnamoroll, drawing:dbxxzvzu4gi= the flash, map:fc8cnbydgje= st kitts, drawing:zmhayysozyo= naruto uzumaki, wallpaper:uthepuhevmy= rose, purple:foa0uani_w8= iphone 14 pro max colors, map:tzvevouq8ro= las vegas strip, beautiful:g6j-lsnymkw= portugal, cute:gu4oih45rlk= best profile picture, logo:587ki2pf_fy= michelin tires, simple:z9x9rh09jxk= bacteriophage diagram, wallpaper:csp0luyguvy= aaliyah, free printable:k2tedkccoqm= weekly calendar printable, logo:27rcpi-rw3i= buccaneers, wallpaper:7tuhed5xm2m= flowers background, red:fbsbiadtrvo= circle, transparent:7ntb2lwq4bo= graduation cap, cute:7mxfjkgtrwm= dumbo octopus, clipart:-vr7vbhljcw= skiing, modern:dixapiyk3uc= kitchen design, easy:w_6ixsesole= painting on canvas, girl:9gtw8wtpvmg= sketch, logo:zad5r6gprw4= nebraska football, anime:bdxtwklmxyi= pinterest, male:g6vrsv6qkms= chest tattoo design, girl:sylkc2eg4bi= easy drawing, pink:6roi0igu4sg= dunks, easy:p2jvmwbf0yi= face paint, baby:5dizrd-icdi= thrush, sketch:pu06a-8zhjk= drawing easy, beautiful:yixit-s6oz8= flower wallpaper, logo:db4q-no8kh4= olympics, design:td7txrgabds= mind map ideas, custom:a7xsy9hdpdm= air force, wallpaper:qpz7_bgy1dw= tokyo revengers, high resolution:puwo4jlkmkg= aws logo, flower:ebzpjwxuzsy= butterfly coloring pages, cute:kb3jxgl8yte= good morning

Infinite Scrolling Can Present Web Accessibility Barriers for People With Disabilities

0

Developers often try to come up with new ways of enhancing the user experience (UX) on websites. One of the recent designs that they have come up with is infinite scrolling on websites. As the user scrolls down, new contents keep coming up. For most users, it means that they don’t have to click through multiple pages. Developers don’t have to create different pages for the same topic. Content creators can keep adding fresh content to the same page. The design has become extremely popular in recent times due to its convenience for all users. Most social media sites use this scrolling method to show their feeds.

But is infinite scrolling convenient for everyone?

It turns out it can present several barriers to people with disabilities. Infinite scrolling is not limited to social media because several content-rich websites such as blogs, media portals, and eCommerce sites implemented it.

Web accessibility providers like accessiBe and Userway have been able to provide an AI-powered solution to the problem, several websites still choose manual ways of rectifying it. The World Web Consortium (W3C) tried to come up with an ARIA attribute roll=”feed” to solve the problem. However, the attribute is not a full-proof solution because it is recognized only by a few screen readers. Several assistive technologies, including some screen readers, fail to access these websites.

Accessibility Problems of Infinite Scrolling

These are some of the accessibility issues presented by infinite scrolling

  • People using keyboard navigation or screen readers cannot hit a key to go back to the last focus point.
  • People cannot reach the footer of the page. That means the visually impaired might not realize when the page will end so that they can move on to the next page.
  • A keyboard user might not be able to access all the elements of the webpage.
  • Users cannot share a URL for a specific part of the website.
  • People using assistive technologies cannot jump ahead to reach content that is located further down the page.
  • People cannot disable the infinite scrolling and turn the website into one with standard pages and navigation.
  • Screen readers will keep reading out the content continuously, which might be frustrating for users.
  • People cannot reach a point on the website if they exit by mistake or if their browser crashes. For example, if they were on the 25th post on the site when they exit they will have to start over to reach there.

People using different types of assistive devices face problems accessing websites with infinite scrolling.

Keyboard Navigation

People who use keyboards only face severe problems while trying to navigate through infinite scroll feeds. When the user presses the tab on these websites, the focus shifts from one element to the next one in the DOM order. That means users have to follow the order until they reach the place they want to access. Plus, each post area usually has a tabindex=0 attribute, so that can mean that a user has to press the tab twice when they reach the end of that region. It can be a very cumbersome process for them.

Voice Recognition

People who use voice recognition software to access the internet cannot benefit from the infinite scroll UX.

Screen Readers

Most screen readers have problems reading elements on websites with infinite scrolling. People who have been using screen readers for many years might be able to identify the widgets that can make browsing accessible to them. However, for new users, the website may seem like a very long page, and they would not understand how to navigate through it.

People using screen readers may try to use ctrl+end keys to reach the end of the page and then use the arrow keys to move up the page. However, most screen readers will not respond to this method while accessing a website with infinite scroll.

Switch Devices

People with motor disabilities rely on switch devices to navigate through websites. Infinite scrolling can be extremely challenging for them since they would have to use click to scroll through the website and access the contents.

Screen Adjustments

Not everyone who is visually impaired is blind. Although a lot of people who suffer from visual impairments use screen readers and switch devices, many of them use screen modifications to access websites. That includes magnifying the screen, changing the colors, or increasing contrasts. For such users, infinite scrolling can be quite taxing for the eyes. People with cognitive disorders also use screen adjustments to access websites. However, research has shown that infinite scrolling can cause them extreme distress at times. People with attention deficit disorders may get confused while scrolling through the website.

We agree that developers had progressive intentions when they created the scroll feed program. However, we also need to think whether such creations can be enjoyed by everyone equally. So business owners who have implemented infinite scrolls can use automated solutions to make their websites accessible. But developers have to rethink how infinite scrolling can be accessible to everyone.