WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: H1 before or after left nav menu?


From: Moore,Michael (Accessibility) (HHSC)
Date: Jan 28, 2016 10:19AM

The H1 should be at the start of the content rather than the start of the side navigation. You can use html 5 section markup and/or aria landmarks to provide rapid navigation between major sections of the page for screen reader users and maybe someday for keyboard users too.

Mike Moore
Accessibility Coordinator
Texas Health and Human Services Commission
Civil Rights Office
(512) 438-3431 (Office)

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Joseph Sherman
Sent: Thursday, January 28, 2016 11:15 AM
To: 'WebAIM Discussion List' < <EMAIL REMOVED> >
Subject: [WebAIM] H1 before or after left nav menu?

On a web page does it matter if the h1 tag is before or after a left nav menu?

Page is structured as follows:

1) Top level navigation and search

2) Breadcrumbs

3) H1 tag = page title

4) Left navigation menu

5) Page text and content

On one hand, it seems a little annoying that after going to H1 a user would have to go through a left navigation on each page. On the other hand, skipping left navigation means they miss all those choices. Regardless of where H1 goes, 'skip to content' link should go directly to Page Text and Content, correct?