WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Carousels again

for

From: Mallory
Date: Jul 16, 2020 10:10AM

A named section would work. The point of having an aria-anything around the thing at all was to denote that there was this whole carousel widget and its edges to those who can't see it.
<section aria-label="[name] carousel">
... carousel stuff...
</section>
Should be fine. And if there's a screen reader out there that ignores even named regions, no big loss, and while I get that sections are so overused that some AT ignores it, if they ignore them when used as intended, it's a bug on their end, like VoiceOver users not being exposed to list semantics in a navigation menu (and honestly, they may not miss that. Menu lists are more likely to be navigated by the links inside than by list-item for example anyway).

You could also name the section with a heading
<section aria-labelledby="aheading">
<h2 id="aheading">[name] carousel</h2> (or whatever)
...carousel stuff with h3, h3, h3, h3 (headings suggested by Birkir, levels just as an example)
</section>
Then the next section outside the carousel has the same heading level:
<h2>next content type section</h2>
For screen reader users who pay attention to heading levels (note, not all do), the fact that the next heading is back at the level of the section heading can suggest that we're out of the carousel content.

cheers,
_mallory

On Thu, Jul 16, 2020, at 2:22 PM, <EMAIL REMOVED> wrote:
> W3C landmark examples also says:
>
> complementary landmarks should be top level landmarks (e.g. not contained
> within any other landmarks).
>
> https://www.w3.org/TR/wai-aria-practices/examples/landmarks/complementary.ht
> ml
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Steve
> Green
> Sent: Thursday, July 16, 2020 8:15 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Carousels again
>
> You beat me to it - I was about to say exactly the same thing.
>
> Steve Green
> Managing Director
> Test Partners Ltd
>
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
> <EMAIL REMOVED>
> Sent: 16 July 2020 13:13
> To: 'WebAIM Discussion List' < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Carousels again
>
> I would disagree with Glen (and others) on the use of a complementary
> landmark over region landmark (with a label).
>
> The ARIA spec has said and continues to say:
>
> "complementary (role)
>
> A landmark that is designed to be complementary to the main content at a
> similar level in the DOM hierarchy, but remaining meaningful when separated
> from the main content."
>
> https://www.w3.org/TR/wai-aria-1.2/#complementary
>
> " at a similar level in the DOM hierarchy, but remaining meaningful when
> separated from the main content" to me has always indicated that a
> complementary landmark should not be contained in the main landmark since it
> should be "at a similar level in the DOM hierarchy" and be reusable on
> multiple pages.
>
> So if the carousel content is inside the main landmark, complementary should
> not be used, instead region or section with a label would be the correct
> choice for a landmark.
>
> Joe Humbert
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of glen
> walker
> Sent: Wednesday, July 15, 2020 2:11 PM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Carousels again
>
> role="region" is usually the last choice for a landmark because it's so
> generic. It's kind of the <div> of landmarks. role="complementary" has
> more semantic meaning so is preferable but technically you could use either.
>
> Note that role="region" is often ignored as a landmark unless it also has an
> aria-label.
>
> You can see more about the complementary landmark at
> https://www.w3.org/TR/wai-aria/#complementary
>
> Barry, in your original posting, you said next/prev would be disabled if at
> the end/beginning of the carousel. While it's common to disable those when
> at the end of a list, most carousels wrap around to the beginning/end if you
> try to next/prev at the end, thus eliminating the need to disable them.
>
>
> On Wed, Jul 15, 2020 at 8:19 AM Mohith BP < <EMAIL REMOVED> > wrote:
>
> > Hi Birkir,
> >
> > Please help me to understand is there any specific reason to use
> > role="complementary"?
> > If the carousel is in the main section can role="region" be used
> > instead of role="complementary"?
> >
> > Just curious to know if there are any specific reasons.
> >
> > Thanks & Regards,
> > Mohith B. P.
> >
> >
> > > http://webaim.org/discussion/archives
> >
> > > http://webaim.org/discussion/archives
> > > > http://webaim.org/discussion/archives
> >
> > > > >