WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Carousels again

for

From: Birkir R. Gunnarsson
Date: Jul 16, 2020 12:40PM

If I were feeling argumentative about the landmark use I would say things like:

1. carousels are typically independent on the page, they are displayed
between the header and the main landmark.
2. The ARIA spec is very specific about words like "should" and
"must", "should" is not a rule, it is a recommendation.
3. The complementary landmark has better screen reader support and
visibility than region, so if you really want to tell the screen
reader user about the boundries of the carousel, it is a better choice
4. Only a handful of users know what landmarks are, let alone the W3C
rules for how to use them.
;)
But I'm not feeling argumentative so I would never say those things.
*evil grin*
Example carousels:
Deque University:
https://dequeuniversity.com/library/aria/carousel
APG:
https://www.w3.org/TR/wai-aria-practices-1.1/#carousel
but I don't like the APG carousel pattern, in particular the
recommendation to use aria-roledescription. It is one of those ARIA
attributes that just don't make sense to me, + my testing with Jaws
evealed that it hides headings and other document structures inside
the aria-roledescription element.



On 7/16/20, Tom Livingston < <EMAIL REMOVED> > wrote:
> Here are the articles you asked me to send along, which are from 2019 and
> later so relatively up to date:
>
> https://cxl.com/blog/dont-use-automatic-image-sliders-or-carousels/
>
> https://www.theppcmachine.co.uk/why-website-carousels-are-a-bad-idea/
>
> https://southernweb.com/2019/04/its-time-to-kill-the-website-image-carousel/
>
> https://www.impactbnd.com/blog/why-homepage-carousels-are-bad
> (This one has suggestions for what to use instead, which seem like common
> sense)
>
> http://shouldiuseacarousel.com/
> (Snarky but has some stats)
>
> A common takeaway from these is that they don't work. 1% of users click
> them, and even then it's mostly just the first slide, as well as useability
> and performance hit - particularly on mobile.
>
> Good luck!
>
>
> On Thu, Jul 16, 2020 at 4:11 AM < <EMAIL REMOVED> > wrote:
>
>> Totally agree with you about not using them, but my client insists on
>> using
>> carousels, so I'm trying to help them make them as accessible as
>> possible.
>> I've been researching these things for weeks now, but I'd still
>> appreciate
>> the articles you mention. I don't think there's a magic bullet, but it
>> would be good to get close at least.
>>
>> Cheers
>>
>> Barry
>>
>>
>>