E-mail List Archives

You are here: Home > Community > E-mail List Archives > View Thread

Thread: How to label the carousel region?

Number of posts in this thread: 24 (In chronological order)

From: Poornima
Date: Mon, Dec 19 2016 10:23AM
Subject: How to label the carousel region?
No previous message | Next message →

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

From: JP Jamous
Date: Mon, Dec 19 2016 10:41AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

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.

From: Birkir R. Gunnarsson
Date: Mon, Dec 19 2016 10:59AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

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

From: Rakesh P
Date: Tue, Dec 20 2016 12:09AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

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

From: Poornima
Date: Tue, Dec 20 2016 2:22PM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

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.

From: JP Jamous
Date: Tue, Dec 20 2016 2:58PM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

You can use Carousel or slideshow. Either would work.

From: Rakesh P
Date: Tue, Dec 20 2016 6:18PM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

Yes both should work, carousal may be a new word to many SR users but it
should be a learning curve.

On Wed, Dec 21, 2016 at 3:28 AM, JP Jamous < = EMAIL ADDRESS REMOVED = > wrote:

> You can use Carousel or slideshow. Either would work.
>
>

From: karthik k
Date: Tue, Dec 20 2016 9:32PM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

what is Carousel could you please explain?

On 12/21/16, Rakesh P < = EMAIL ADDRESS REMOVED = > wrote:
> Yes both should work, carousal may be a new word to many SR users but it
> should be a learning curve.
>
> On Wed, Dec 21, 2016 at 3:28 AM, JP Jamous < = EMAIL ADDRESS REMOVED = > wrote:
>
>> You can use Carousel or slideshow. Either would work.
>>
>>

From: JP Jamous
Date: Wed, Dec 21 2016 5:01AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

A carousel is a list of images, ads or even text that moves from left to right or bottom to top. It is there for sighted people so they can watch many ads or items for sale without having to keep using the mouse to scroll down. Once they like something, they would click on it and go to it.

From: Judith Blankman
Date: Wed, Dec 21 2016 9:35AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

I am concerned with using the term "carousel" for rotating ads because it's a design term, not necessarily how people would label or understand it.

Would adding hidden text that explains what it does be helpful or verbose? Would it be annoying after a while?

Judith Blankman
Accessibility Strategist, Vice President

WFVC Digital Customer Experience
550 California Street, 2nd Floor
San Francisco, CA 94104
415-947-6583 | Cell: 415-601-1114

= EMAIL ADDRESS REMOVED =

From: Judith Blankman
Date: Wed, Dec 21 2016 9:35AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

From: JP Jamous
Date: Wed, Dec 21 2016 10:24AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

That is why I suggested Slideshow. It is after all a slideshow.

Customers should have some knowledge of what a slideshow is. Even though they might be blind, this is a widely used term and they should be acquainted with it.

From: Angela French
Date: Wed, Dec 21 2016 10:45AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

I imagine use of the word "carousel" comes from the round container for holding film slides that were then projected one after another up onto a white screen. We had these in my house when I was a kid (dating myself!). I believe these were called slide carousels. Not to be confused with merry-go-rounds, also called carousels. **smile**

Angela French

From: Jared Smith
Date: Wed, Dec 21 2016 11:09AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

So we have an element that apparently needs a description or
instructions because it isn't natively informative about what it does
or how it functions, yet it's so anomalous that we can't even come up
with a word to adequately describe it.

Maybe it's just me, but perhaps the entire thing should be rethunk.

Also http://shouldiuseacarousel.com/

Jared

From: Jonathan Avila
Date: Wed, Dec 21 2016 11:41AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

> That is why I suggested Slideshow. It is after all a slideshow.

In my experience there are two types of carousels. One that cycles automatically with larger blocks of information and another type of control that displays a set of items such as products and has buttons to scroll left and right to expose more options. This second type of carousel is definitely not a slideshow and acts more like a scrollable list.

Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART GroupÃ‚Â
= EMAIL ADDRESS REMOVED =
703.637.8957 (Office)

Visit us online: Website | Twitter | Facebook | LinkedIn | Blog
Don't miss Trends in Accessibility & Electronic Documents on Wed 12/7!

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.

From: JP Jamous
Date: Wed, Dec 21 2016 12:01PM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

Sure Jonathon, I am with you on that point as I have created a slideshow like that for a cosmetic business. People could check out the before pictures and the after pictures.

However, if you think about it in a general sense, Powerpoint slideshows aren't constantly running at a certain rate. Yet they are called slideshows. So having the general word of Slideshow is fine. Whether it is a static or dynamic slideshow that is getting more detailed about it and would depend on the type of slideshow.

From: Mallory
Date: Wed, Dec 21 2016 3:16PM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

You mean a zoetrope? zomg!

On Wed, Dec 21, 2016, at 06:45 PM, Angela French wrote:
> I imagine use of the word "carousel" comes from the round container for
> holding film slides that were then projected one after another up onto a
> white screen. We had these in my house when I was a kid (dating
> myself!). I believe these were called slide carousels. Not to be
> confused with merry-go-rounds, also called carousels. **smile**
>
> Angela French
>
>

From: Rakesh P
Date: Wed, Dec 21 2016 9:08PM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

For me being an Indian and English not being my primary language carousel
is a new term for me. As I could vaguely remember in airports the round
belt that carries luggage is announced as carousels. I observed it when I
have visited US, in India that is called as luggage belt. Since then I was
assuming carousels is not just a design word but used in general. Is it not
the case?

On Thu, Dec 22, 2016 at 3:46 AM, Mallory < = EMAIL ADDRESS REMOVED = > wrote:

> You mean a zoetrope? zomg!
>
> On Wed, Dec 21, 2016, at 06:45 PM, Angela French wrote:
> > I imagine use of the word "carousel" comes from the round container for
> > holding film slides that were then projected one after another up onto a
> > white screen. We had these in my house when I was a kid (dating
> > myself!). I believe these were called slide carousels. Not to be
> > confused with merry-go-rounds, also called carousels. **smile**
> >
> > Angela French
> >
> >

From: JP Jamous
Date: Thu, Dec 22 2016 6:51AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

Yes you are right we use it here at the baggage claim. That was why I gave you the explanation for it.

As someone who speaks 3 languages, I know how difficult that could be. I did not know what a Carousel meant 15 years ago when I was still learning English as it is not my native language. That is why I suggested "Slideshow" because you do know what that is.

From: Moore,Michael (Accessibility) (HHSC)
Date: Thu, Dec 22 2016 11:46AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

Thanks Angela,

You just brought back painful childhood memories of visits to family friends and relatives that featured after dinner ordeals called "slideshows" of our vacation. The internet equivalent has not been an improvement...

Mike Moore
EIR (Electronic Information Resoources) Accessibility Coordinator
Texas Health and Human Services Commission
Civil Rights Office
(512) 438-3431 (Office)

Making electronic information and services accessible to people with disabilities is everyone's job. I am here to help.

From: Poornima
Date: Thu, Dec 22 2016 12:18PM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

Good points, thank you for the insights!

I am thinking that "along with labeling as slideshow the context of the carousel also to be called out" which makes it meaningful to the point for screen reader users. For example, "Advertisements slideshow", "Recent Announcements Slideshow", as suggested by many of you.

Happy Holidays!

From: Angela French
Date: Tue, Dec 27 2016 10:25AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

No, a carousel slide projector. https://en.wikipedia.org/wiki/Carousel_slide_projector

I'm dating myself.

Angela French

From: Angela French
Date: Tue, Dec 27 2016 10:29AM
Subject: Re: How to label the carousel region?
← Previous message | Next message →

I would say that the word carousel has come to apply to things that go around in circles.

https://www.merriam-webster.com/dictionary/carousel

Angela French

From: Moore,Michael (Accessibility) (HHSC)
Date: Wed, Dec 28 2016 8:51AM
Subject: Re: How to label the carousel region?
← Previous message | No next message

...and get nowhere

http://shouldiuseacarousel.com/

Mike Moore
EIR (Electronic Information Resoources) Accessibility Coordinator
Texas Health and Human Services Commission
Civil Rights Office
(512) 438-3431 (Office)
(512) 574-0091 (Cell)

Making electronic information and services accessible to people with disabilities is everyone's job. I am here to help.