WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Hidden headings with aria-labelledby or just aria-label best for for labelling landmark regions?

for

From: Robert Fentress
Date: Jul 23, 2018 9:37AM

Has anybody tested support for aria-label versus aria-labelledby for
landmark regions? That may also help in deciding between these two
approaches. I'd think both are pretty thoroughly supported by now, but, if
there was any difference, I'd imagine aria-labelledby might have less
support, since it is very slightly more complicated.

On Mon, Jul 23, 2018 at 11:20 AM Jonathan Avila < <EMAIL REMOVED> >
wrote:

> > . I have not added visually hidden headings for the sole purpose of
> being the label for the landmark.
>
> I'm assuming authors do this to support users who may navigate by heading
> and not landmarks -- but they also associate them to benefit people who
> navigate by landmarks. I'm not commenting on whether this is good or bad
> -- but just a guess on why authors do this. My understanding is that
> many users navigate by heading rather than landmark from looking at the
> WebAIM screen reader user survey.
>
> Jonathan
>
> Jonathan Avila
> Chief Accessibility Officer
> Level Access
> <EMAIL REMOVED>
> 703.637.8957 office
>
> Visit us online:
> Website | Twitter | Facebook | LinkedIn | Blog
>
> Looking to boost your accessibility knowledge? Check out our free webinars!
>
> 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.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of glen walker
> Sent: Monday, July 23, 2018 10:59 AM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] Hidden headings with aria-labelledby or just
> aria-label best for for labelling landmark regions?
>
> Hi Steve. What in particular about using aria-label on a <nav> is bad on
> farmers.gov?
>
> I could see some overkill on their site, but it still works. They have a
> <nav> inside a <nav> (for the main navigation), which isn't recommended but
> is not illegal from an html spec perspective. They also use the word
> "navigation" in their labels for their <nav> elements so you'll hear the
> word "navigation" twice, once for the label and once because it's the type
> of landmark.
>
> I consider both of these issues a developer problem and not a problem with
> using a label on a <nav>.
>
> Ignoring <nav> at the moment, I've had headings in landmarks before and
> used them as the aria-labelledby of the landmark but only because it was
> natural to have a (visible) heading in the landmark. I have not added
> visually hidden headings for the sole purpose of being the label for the
> landmark. I don't see the purpose of that. Just use an aria-label
> instead. If the heading isn't really the label for a section (and I use
> the word "section" generically, not as a landmark element), then you
> shouldn't have a heading. It would add confusion to the page outline.
>
> On Mon, Jul 23, 2018 at 8:08 AM, Meacham, Steve - FSA, Kansas City, MO <
> <EMAIL REMOVED> > wrote:
>
> > I've found that putting aria-label on a <nav> element can also be
> > problematic. See farmers.gov for an example.
> >
> >
> > > > > > > > >


--
*Rob Fentress*
*Web Accessibility Solutions Designer*
Accessible Technologies at Virginia Tech
Electronic Business Card (vCard)
<http://search.vt.edu/search/person.vcf?person=1154847>;
LinkedIn Profile
<https://www.linkedin.com/in/rob-fentress-aa0b609?trk=profile-badge>
VT Zoom Personal Conferencing <https://virginiatech.zoom.us/my/rob.fentress>