WebAIM - Web Accessibility In Mind

E-mail List Archives

Heading order/nesting - was RE: H1 header in iframe


From: Langum, Michael J
Date: Aug 26, 2010 7:21AM

I have a related, but broader question.

I agree that "The purpose of <H1> is to convey Main content of the page." But what does that say about headings that might appear BEFORE this. For example, our general site structure goes something like this:
I. Domain Level Banner
I.A. Sub-site Banner (with a set of horizontal tabs for each "sub-section" within the Sub-site)
I.A.1. Sub-Section Title (with a left navigation section for navigation within the sub-Section.
I.A.1.a Title for THIS unique page (within the larger sub-section, within the larger sub-site, within the full domain.)

I currently code this as:
<h2 id="DomainTitle">Domain Title</h2>
<h2 id="Sub-siteTitle">Sub-site Title</h2>
<div id="sub-site-horizontal-nav"> unordered list for sub-site tabs</div>
<h2 id="Sub-sectionTitle">Sub-section Title</h2>
<div id="leftNav"> unordered list for left nav</div>
<div id="MainContent">
<h1 id="PageTitle">Page Title</h1>
... Rest of page ...

What is your best thinking about these headings BEFORE the <h1 id="PageTitle">Page Title</h1>?

-- Mike