WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Question on accessible carousel implementation

for

From: Robert Fentress
Date: Apr 7, 2016 9:00AM

Here is one I've been developing in jQuery, based, very roughly, on the WAI
example referenced earlier.
http://codepen.io/robfentress/pen/pyWveN

I'm still working on it, so I'd appreciate any feedback folks have.

Best,
Rob

On Tue, Apr 5, 2016 at 9:27 AM, Jan Richards < <EMAIL REMOVED> >
wrote:

> Bryan's right that there is a lot to consider when designing an accessible
> carousel.
>
> One approach that I haven't seen discussed too much is to name the slides
> with text instead of numbers or other ambiguous identifiers. This helps the
> user understand what the options are even without operating the carousel.
>
> For example, see:
> http://www.bell.ca/Accessibility_services
> http://www.economist.com/ (does something similar but has some other
> accessibility issues)
>
> Cheers,
> Jan
>
>
> -----Original Message-----
> From: Bryan Garaventa [mailto: <EMAIL REMOVED> ]
> Sent: April-04-16 4:23 PM
> To: 'WebAIM Discussion List'
> Subject: Re: [WebAIM] Question on accessible carousel implementation
>
> Hello, the WAI Carousel Tutorial is a good beginning to end document for
> implementing an accessible carousel.
> https://www.w3.org/WAI/tutorials/carousels/
>
> There is a lot that goes into the functionality for something like this,
> not just for keyboard only users, but textual equivalents for non-sighted
> screen reader users, plus mouse events for auto pausing and resuming, etc,
> so a lot of redundant functionality is needed to cover all of these bases.
>
> Here is an example that includes all of these concepts:
>
> http://whatsock.com/tsg/Coding%20Arena/Carousels,%20Slideshows,%20and%20Wizards/Carousel%20(Flat%20from%20XML%20with%20Overrides)/demo.htm
>
> All the best,
> Bryan
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of Kaur, Gurpreet
> Sent: Monday, April 04, 2016 1:04 PM
> To: <EMAIL REMOVED>
> Subject: [WebAIM] Question on accessible carousel implementation
>
> Accessibility experts,
>
> Can you please help me with a good example of a carousel implementation
> from keyboard navigation/screen reader compatibility perspective, that I
> can use as a reference to design the "Recommendations" carousel on page
> http://www.charter.net/
>
> Thanks and regards,
> Gurpreet Kaur
>
> > > at http://webaim.org/discussion/archives
> >
>
>
> This e-mail is intended only for the person or entity to which it is
> addressed. If you received this in error, please contact the sender and
> delete all copies of the e-mail together with any attachments.
> > > > >



--
Robert Fentress
Senior Accessibility Solutions Designer
540.231.1255

Technology-enhanced Learning & Online Strategies
Assistive Technologies
1180 Torgersen Hall
620 Drillfield Drive (0434)
Blacksburg, Virginia 24061