WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Heading structure

for

From: glen walker
Date: Mar 9, 2019 9:17AM

I agree with Patrick on 1.3.1 but be careful that you don't automatically
flag an error just because the heading levels aren't in order. 1.3.1 just
says you can determine the "structure, and relationships". It doesn't say
the headings must be in order (although that's generally the
recommendation).

I've seen pages where an H1 is not the first heading on a page (in the DOM)
but it made perfect sense so wasn't an error. I believe it had something
to do with the H1 in the <main> but the <header> or left <nav> had a
sub-heading in it.

And sometimes skipping a level is ok too. If you have a common pattern on
your pages where you have H1-H3 on the main part of the page then H4 in the
footer, but then you have a page that doesn't have as much info so it only
has H1 and H2, the footer should still be H4 so that it's consistent with
the other pages. You skipped H3 but that's ok. Again, the "structure,
and relationships" are understood so it passes 1.3.1.

Glen