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