WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Carousels again

for

From: joe@a11yeval.com
Date: Jul 16, 2020 6:22AM


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