WebAIM - Web Accessibility In Mind

E-mail List Archives

Each Heading in a Header Region

for

From: wolfgang.berndorfer
Date: Mar 20, 2020 11:20AM


I frequently find headings lonely embedded in a header-element, perhaps
added with a short slogan or an image.

<header>

<h#>Corona crisis affects commerce</h#>

<strong>Restaurants are closed . </strong>

</header>



Even example 18 in the HTML5.2 spec offers similarly:

https://www.w3.org/TR/html52/sections.html#the-header-element



Does it make any sense, to embed simple headings with non-navigational
additions in a header-tag?

It is just enervating, when I list up the side regions with JAWS and find a
dozen of Banners there.



Is this just bad practice or even a violation of SC 1.3.1? When relations on
the side are confusingly presented for AT, it should be avoided, right? Like
headings for formatting reasons?

But I can't think of any formatting or other reason to use header-semantics
in these scenarios. Is it just regrettably well meant?



Thanks,

Wolfgang