WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: heading as child of another heading - valid?


From: Bourne, Sarah (MASSIT)
Date: Mar 30, 2018 12:51PM

H tags are block elements, which cannot contain other block elements. I don't know why it wasn't flagged by Nu. How AT would handle this would depend on how a particular browser handles the error. Ignore the H4, because it has no actual content itself? Ignore the H2, because it's not allowed inside of an H4?

(And what's up with those heading levels? Should it actually be an H2, or an H4? Or H-something-else-entirely?)

Is it possible that that markup is modified by scripting, so that's not what Nu saw?

Sarah E. Bourne
Director of IT Accessibility
Executive Office of Technology Services and Security (EOTSS)
1 Ashburton Place, 8th Floor, Boston, MA 02108
Office: (617) 626-4502
<EMAIL REMOVED> | www.mass.gov/eotss

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Tomlins Diane
Sent: Friday, March 30, 2018 2:31 PM
Subject: [WebAIM] heading as child of another heading - valid?

I ran into this bit of code the other day on one of our sites (for an accordion, which is bad enough in and of itself):

<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseImage1" aria-expanded="true" aria-controls="collapseImage1">
<img class="centered" alt="" src="/util/images/campaigns/virtual-care/header.png">
<h2 style="text-align: center;">Healthcare excellence at your fingertips. <i aria-hidden="true" class="icon-plus-sign-2"></i></h2>

An H2 nested INSIDE an H4. When I ran it through the Nu validator, it didn't flag this nesting as an error, not even a warning. Why is this not flagged??
I found some old references on the web where the older validator DID flag it with " Heading cannot be a child of another heading", so is it somehow not an issue any longer? I've been writing HTML for a very long time, and I would flag this as invalid.

Does this cause any issues for AT? I only have NVDA as my frame of reference.


Diane R Tomlins
HCA IT&S | Digital Media
Accessibility SME