WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to label the carousel region?

for

From: Poornima
Date: Dec 20, 2016 2:22PM

Thanks everyone for the helpful suggestions, it makes a lot of sense to add the "region" role and "aria-label" to name the carousel. This will help screen reader user to understand the context of the carousel before entering into it.

Following this I have one more question "How familiar is the Carousel word to all screen reader users to understand the component?" Is this the acceptable word among most users, appreciate your suggestions knew across usability or accessibility study!

Poornima,
Accessibility Tester.

-----Original Message-----
From: Birkir R. Gunnarsson [mailto: <EMAIL REMOVED> ]
Sent: Monday, December 19, 2016 12:59 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] How to label the carousel region?

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
>
> > > archives at http://webaim.org/discussion/archives
> >
> > > archives at http://webaim.org/discussion/archives
> >


--
Work hard. Have fun. Make history.