WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to label the carousel region?

for

From: Birkir R. Gunnarsson
Date: Dec 19, 2016 10:59AM

Use role="region" and aria-label="site carousel" for a site carousel
container, or an aria-label that more precisely describes the type of
carousel if you have many.
Don't forget the requirement that users should be able to pause, stop
or hide any animation lasting more than 5 seconds (and that this
function, like any other webpage action, needs to be keyboard
accessible).
If screen readers require extra instructions on how to stop carousel,
place those at the beginning of the carousel region (for ease of
discovery).



On 12/19/16, JP Jamous < <EMAIL REMOVED> > wrote:
> Poornima,
>
> Visit any Amazon.com page and you will notice that they have a screen reader
> message for their Similar Product carousel. You can name the region whatever
> you want as long as it makes sense. Keep it short to the point.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of Poornima via WebAIM-Forum
> Sent: Monday, December 19, 2016 11:24 AM
> To: <EMAIL REMOVED>
> Subject: [WebAIM] How to label the carousel region?
>
> Hi All,
>
> This is regarding a feedback I got to know from a screen reader user about
> Carousel element. His feedback says "carousel should be given a region name
> or label" to know they are entering into the carousel region.
>
> I would like to hear your advice for the carousel region name and label for
> Dot buttons present in carousel. Also any implementation suggestions are
> appreciated.
>
> Poornima,
> Accessibility Tester
>
> > > http://webaim.org/discussion/archives
> >
> > > > >


--
Work hard. Have fun. Make history.