WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to handle Heading under Section


From: glen walker
Date: Apr 29, 2018 12:57AM

A <section> <https://www.w3.org/TR/html53/sections.html#the-section-element>
element has a region role <https://www.w3.org/TR/wai-aria-1.1/#region> by
default, and a region is a landmark. While it's good to have bypass blocks
that a screen reader can use, it might be overkill to have both a heading
and a landmark. The problem is you might have some screen reader users
that like to navigate by headings and others that like to navigate by
landmarks. Hearing the heading twice is not ideal, but is certainly better
than not being labeled.

Without knowing more details about your situation, my initial reaction is
that the <section> is not needed. If you can't prevent the <section> from
being generated, then you might want to consider removing the landmark role
of the <section>. You can do this two ways:

1. If a <section> doesn't have a label (aria-label or aria-labelledby),
then most screen readers ignore the region as a landmark.
2. You can set role="presentation"

On Sun, Apr 29, 2018 at 12:18 AM, Alexander Karelas < <EMAIL REMOVED> >

> My page has 4 sections.
> Each of the 4 sections contains a big heading.
> My question is:
> Should I label the 4 sections? If so, I would ideally like to label them
> with the 4 headings (with aria-labelledby, maybe).
> But when I do that, NVDA reads the heading twice when I press 'h' to
> browse the headings. It reads it once because I entered the section, and
> it reads it once more because it's reading the heading itself.
> Is that considered annoying? I mean, when the user presses 'h' 4 times
> to browse the 4 headings, they will hear each heading twice after each
> keypress.
> How do you think I should handle this?
> Thank you,
> > > > >