W3C home > Mailing lists > Public > public-aria-practices@w3.org > December 2018

RE: Help defining carousel

From: Bryan Garaventa <bryan.garaventa@levelaccess.com>
Date: Tue, 18 Dec 2018 17:07:02 +0000
To: Matt King <a11ythinker@gmail.com>, 'sirisha gubba' <nsfsiri2014@gmail.com>
CC: "public-aria-practices@w3.org" <public-aria-practices@w3.org>
Message-ID: <SN6PR03MB4383D77A5E049BF6D9FF3D92F2BD0@SN6PR03MB4383.namprd03.prod.outlook.com>
Thanks, sounds good to me.


Bryan Garaventa
Principle Accessibility Architect
Level Access, Inc.
Bryan.Garaventa@LevelAccess.com
415.624.2709 (o)
www.LevelAccess.com<http://www.LevelAccess.com>

From: Matt King <a11ythinker@gmail.com>
Sent: Monday, December 17, 2018 10:04 PM
To: Bryan Garaventa <bryan.garaventa@levelaccess.com>; 'sirisha gubba' <nsfsiri2014@gmail.com>
Cc: public-aria-practices@w3.org
Subject: RE: Help defining carousel

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.

Bryan,

In the latest version, I have the auto rotation issues addressed. I also just changed the section title to:
Carousel (Slide Show or Image Rotator)

Matt

From: Bryan Garaventa <bryan.garaventa@levelaccess.com<mailto:bryan.garaventa@levelaccess.com>>
Sent: Monday, December 17, 2018 9:53 AM
To: sirisha gubba <nsfsiri2014@gmail.com<mailto:nsfsiri2014@gmail.com>>; Matt King <a11ythinker@gmail.com<mailto:a11ythinker@gmail.com>>
Cc: public-aria-practices@w3.org<mailto:public-aria-practices@w3.org>
Subject: RE: Help defining carousel

In addition to removing the reference to horizontal sliding, I recommend adding that these are also called slideshows, and that automatic rotation may start when the page loads, because this is not always the case that they always do.

Bryan Garaventa
Principle Accessibility Architect
Level Access, Inc.
Bryan.Garaventa@LevelAccess.com<mailto:Bryan.Garaventa@LevelAccess.com>
415.624.2709 (o)
www.LevelAccess.com<http://www.LevelAccess.com>

From: sirisha gubba <nsfsiri2014@gmail.com<mailto:nsfsiri2014@gmail.com>>
Sent: Monday, December 17, 2018 6:22 AM
To: Matt King <a11ythinker@gmail.com<mailto:a11ythinker@gmail.com>>
Cc: public-aria-practices@w3.org<mailto:public-aria-practices@w3.org>
Subject: Re: Help defining carousel

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.

Hi Matt,
I like the updated definition but  the word "horizontal scrolling" is misleading as carousels do not use a scroll bar to navigate through the slides.
Rest  of it looks good to me.
Thanks,
Siri

On Wed, Dec 12, 2018 at 10:33 AM Matt King <a11ythinker@gmail.com<mailto:a11ythinker@gmail.com>> wrote:
Siri,

Thank you for the suggestions.

Here is what I have so far for a first paragraph:

        A carousel presents a set of items, referred to as slides, by rotating, i.e., horizontally scrolling,  a subset of the slides into view at a time. Typically, one slide is made visible at a time, and rotation automatically starts when the page loads. In some implementations, rotation automatically stops once all the slides have been displayed. While a slide may contain any type of content, image carousels where each slide contains nothing more than a single image are common.

Does this capture the essence of a carousel?

Note that we do not want any implementation details in the descriptive paragraph. Also, we typically do not include non-ARIA related accessibility requirements, e.g., contrast, in the patterns.

While nesting carousels sounds completely insane, if someone is crazy enough to do it, couldn’t it be done in an accessible way? Usability is surely an issue, but I would assume that applies equally to all people and is not necessarily a disastrously worse problem for people with disabilities.

Best,
Matt

From: sirisha gubba <nsfsiri2014@gmail.com<mailto:nsfsiri2014@gmail.com>>
Sent: Friday, December 7, 2018 2:14 PM
To: public-aria-practices@w3.org<mailto:public-aria-practices@w3.org>
Cc: Matt King <a11ythinker@gmail.com<mailto:a11ythinker@gmail.com>>
Subject: Re: Help defining carousel


These are few suggestions 😊

  *   In the first line I will suggest to add “slider” along with carousel
  *   A carousel can have auto rotating images or text slides. So I suggest to “text slides” in the first sentence.
  *   Carousel should have explicit play and pause button
  *   Depending upon the scenario tablist could be a better option then next and previous buttons.
  *   Please add text to avoid nested carousel.



Updated definition after Inserting few of the suggestions:



A carousel slider is a composite widget for rendering auto-rotating image slides or text slides for highlighting the activities or accomplishments of an organization and often providing navigation links to more information the topic of the slide. The image is the dominate visual feature of each slide and slides often have additional content in the form of text content for titles and links to additional information. The carousel slides should be contained in a complementary or region landmark with a label identifying the region as containing auto-rotating slides. Slides that are not rendered should be hidden using display: none or equivalent technique. The requirements for controlling the slide rotation include pausing rotation on keyboard focus and pointer hover, an explicit pause and play button, previous button and a next slide buttons. Optionally a tablist can be used to provide additional control over the navigation of the slides.



I have not addressed other details like buttons and tablist  should pass color contrast ratio, image should have alt text, proper structure for the slide, good VFI etc.



Thanks,

Siri



From: Matt King <a11ythinker@gmail.com<mailto:a11ythinker@gmail.com>>
Sent: Wednesday, December 5, 2018 3:32 PM
To: public-aria-practices@w3.org<mailto:public-aria-practices@w3.org>
Subject: Help defining carousel



Hi all,



We are working on wrapping up toolbar this week, and next week, we will focus on carousel. In preparation, one aspect of carousel I'd like some feedback on is the definition paragraph that we include at the beginning of each pattern, especially the first sentence.



Following is Jon's first draft. We typically do not include implementation detail in the description, so I will move that out. I'm not looking for grammar or structure help right now. I'd like to know what others believe are the defining characteristics of a carousel.



---------- draft content ----------



A carousel is a composite widget for rendering auto-rotating image slides for highlighting the activities or accomplishments of an organization and often providing navigation links to more information the topic of the slide. The image is the dominate visual feature of each slide and slides often have additional content in the form of text content for titles and links to additional information. The carousel slides should be contained in a complementary or region landmark with a label identifying the region as containing auto-rotating slides. Slides that are not rendered should be hidden using display: none or equivalent technique. The requirements for controlling the slide rotation include pausing rotation on keyboard focus and pointer hover, an explicit pause button, previous button and a next slide buttons. Optionally a tablist can be used to provide additional control over the navigation of the slides.



---------- End draft content ----------



Draft carousel pattern:

https://raw.githack.com/w3c/aria-practices/carousel-v2/aria-practices.html#carousel

Received on Tuesday, 18 December 2018 17:07:34 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 18 December 2018 17:07:35 UTC