WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to label the carousel region?

for

From: Poornima
Date: Dec 22, 2016 12:18PM

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!

-----Original Message-----
From: JP Jamous [mailto: <EMAIL REMOVED> ]
Sent: Thursday, December 22, 2016 8:52 AM
To: 'WebAIM Discussion List'
Subject: Re: [WebAIM] How to label the carousel region?

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.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Rakesh P
Sent: Wednesday, December 21, 2016 10:09 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] How to label the carousel region?

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 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
> >
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> > Behalf Of JP Jamous
> > Sent: Wednesday, December 21, 2016 9:24 AM
> > To: <EMAIL REMOVED> ; 'WebAIM Discussion List'
> > Subject: Re: [WebAIM] How to label the carousel region?
> >
> > 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.
> >
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> > Behalf Of Judith Blankman via WebAIM-Forum
> > Sent: Wednesday, December 21, 2016 10:35 AM
> > To: <EMAIL REMOVED> ; <EMAIL REMOVED>
> > Subject: Re: [WebAIM] How to label the carousel region?
> >
> > 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 REMOVED>
> >
> > -----Original Message-----
> > From: JP Jamous [ <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >]
> > Sent: Wednesday, December 21, 2016 06:02 AM Central Standard Time
> > To: 'WebAIM Discussion List'
> > Subject: Re: [WebAIM] How to label the carousel region?
> >
> >
> > 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.
> >
> >
> >
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> > Behalf Of karthik k
> > Sent: Tuesday, December 20, 2016 10:32 PM
> > To: WebAIM Discussion List < <EMAIL REMOVED> >
> > Subject: Re: [WebAIM] How to label the carousel region?
> >
> > what is Carousel could you please explain?
> >
> > On 12/21/16, Rakesh P < <EMAIL 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 REMOVED> > wrote:
> > >
> > >> You can use Carousel or slideshow. Either would work.
> > >>
> > >> -----Original Message-----
> > >> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ]
> > >> On Behalf Of Poornima via WebAIM-Forum
> > >> Sent: Tuesday, December 20, 2016 3:23 PM
> > >> To: <EMAIL REMOVED> ; <EMAIL REMOVED>
> > >> Subject: Re: [WebAIM] How to label the carousel region?
> > >>
> > >> 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.
> > >>
> > >> > > >> > > >> archives at http://webaim.org/discussion/archives
> > >> > > >>
> > >> > > >> > > >> archives at http://webaim.org/discussion/archives
> > >> > > >>
> > > > > > > > > archives at http://webaim.org/discussion/archives
> > > > > >
> >
> >
> > --
> > Thanking you,
> > regards
> > Karthik K.
> > Phone no 9060989650
> > > > > > archives at http://webaim.org/discussion/archives
> > > >
> > > > > > archives at http://webaim.org/discussion/archives
> > > > > > > > archives at http://webaim.org/discussion/archives
> > > >
> > > > > > archives at http://webaim.org/discussion/archives
> > > > > > > > archives at http://webaim.org/discussion/archives
> > > > > archives at http://webaim.org/discussion/archives
> >