WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Graham Armfield
Date: Oct 19, 2018 2:57AM

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.
>
>