WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Carousels again

for

From: barry.hill3@sky.com
Date: Jul 16, 2020 2:10AM

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


-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Tom
Livingston
Sent: 15 July 2020 1:36 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Carousels again

Hello,

Just curious here, are you married to the carousel concept? Are you just
trying to see if you can create a carousel that is more accessible? Is a
client insisting on using one? The reason I ask these questions is that I
just went through the client scenario I mentioned and most of the research I
found was about why *not* to use a carousel. Aside from notorious
accessibility issues, carousels (or sliders) are bad in a number of other
areas. I may be way off base for you here, and I apologize, but I am just
trying to help. I can pass along some article links I came across if that
interests you.

Sorry for the noise




On Wed, Jul 15, 2020 at 6:13 AM < <EMAIL REMOVED> > wrote:

> Hi all
>
>
>
> Still trying to pin down a carousel that would work with a screen
> reader and with a switch control. Would the following work?
>
>
>
> In order, here's the elements in the carousel:
>
>
>
> 1. Pause auto play button
> 2. Previous slide(s) button
> 3. Asset(s)
> 4. Next slide(s) button
>
>
>
> The user can tab to all four elements.
>
> When the carousel is on the first asset(s), then the 'Previous' button
> is "not available"; same thing goes for the 'Next' button on the last
> asset(s).
>
> A screen reader user would pause the carousel, then tab through the
> rest of the elements. Each asset should have alt text. When the user
> gets to the 'Next' button and hits it, aria live informs the user that
> the next
> asset(s)
> has appeared in the carousel but the focus stays on the 'Next' button.
> The user then back tabs to the asset(s).
>
> If there is more than one asset shown at once, the aria live informs
> the user "Next three programmes" for example.
>
>
>
> Thanks in anticipateion.
>
>
>
> Cheers
>
>
>
> Barry
>
>
>
>
>
>
>
> > > archives at http://webaim.org/discussion/archives
> >


--

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
http://webaim.org/discussion/archives