WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to label the carousel region?

for

From: Rakesh P
Date: Dec 20, 2016 12:09AM

In general all the blocks of the page should be wrapped in some region of
the page using the landmark roles. If a specific region is presented more
than once, it is important to label the region. In this case as Birkir
pointed provide a region role and label the same using ARIA-label or
aria-labelledby. You can refer the heading of the section if you use
aria-labelledby. It may be also useful to screen reader user if you can
mention Carousal as part of your label. Birkir and others can correct me if
my understanding is wrong.


BTW not marking the section using region role and not providing labels is
not WCAG 2.0 violation but will enhance screen reader user experience.


On Mon, Dec 19, 2016 at 11:29 PM, Birkir R. Gunnarsson <
<EMAIL REMOVED> > wrote:

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