WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Multiple H1 tags in an HTML5 web page

for

From: Jared Smith
Date: Mar 10, 2014 12:17PM

Greg Gamble wrote:
> Those answers tell me that the use of multiple H1's is the way to go.

That's not how I would interpret the survey response. The survey asked
about having the site name/logo and the document title both be <h1>s.
Just 1/2 of respondents thought this optimal. This is quite different
from your scenario where each section has its own H1.

What you presented would be acceptable in HTML5, and would present an
appropriate outline if the outlining mechanism were implemented. But
because it's not, your heading structure is not optimal for most
documents. It's not "inaccessible", but most users expect one first
level heading for a document and sub-headings representing each
sub-section. Having <h1>s for each section could cause confusion.

Jared