WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Rendering a carousel as simple list for screen reader users?

for

From: Emmanuel Pelletier
Date: Oct 19, 2018 7:20AM

Oh, I'm well aware! But clients are often hard to convince and carousels
are in the end something we have to deal with regularly.

Thanks for the idea, I also thought of a tabpanel implementation. What I
was afraid about was maybe it was kinda "heavy" on the screen reader
user for this use case.


Emmanuel

On 10/19/18 10:57 AM, Graham Armfield wrote:
> I'm sure you're aware that many people on this list would be 'taking
> against' carousels - including me to a certain extent. There's also
> research I'm told that site visitors don't often interact with them.
>
> But if you want to build on...
>
> Another way of looking at it would be to model the carousel as a tab panel
> construct with some extra functionality.
>
> Many carousels have navigation 'blobs' to allow users to jump to specific
> panels (items). If properly labelled, these could be your tab headers - so
> should come first in the content order. They can be positioned using CSS.
>
> If you're intending for the carousel to 'spin' automatically then obviously
> there should be a pause button early in the content flow also.
>
> The panels themselves would follow, and then you could have the
> previous/next arrows at the end of the content order if you wish to use
> them.
>
> Regards
> Graham Armfield
>
> coolfields.co.uk <http://www.coolfields.co.uk/>;
> M:07905 590026
> T: 01483 856613
> @coolfields <https://twitter.com/coolfields>
>
>
> On Fri, Oct 19, 2018 at 8:31 AM Emmanuel Pelletier <
> <EMAIL REMOVED> > wrote:
>
>> Hi everyone,
>>
>>
>> I'm wondering about what would be an ideal way to build an accessible
>> carousel.
>>
>>
> > > > > .
>