WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Banner landmark and main headings

for

From: Alastair Campbell
Date: Aug 14, 2013 2:10AM

Amanda Nance wrote:

> I don't consider the "main heading for the page" to be site-specific;
> rather, it would be page-specific. For example, on the web-based
> application that I design, the main heading for a page might be something
> like "Customer List."
>
> In that instance, would the heading belong within the "banner" landmark
> anyway or somewhere else?
>

Hi Amanda,

That's a good point, working through a few sites recently a pattern I've
adopted is to start the "main" landmark just in front of the page's main
heading, generally the H1 of the page.

I think that's a useful connection to make, and enables you to say that the
start of the main is where a "skip to content" link would go.

Therefore the banner would be the 'header' of the page (and probably marked
up as an HTML5 'header'), and include logo, tagline, things like login and
possibly site-search. Then the main starts where the content becomes
page-specific.

Breadcrumbs become an interesting point then, as they could be in either
the header or the main. Given the page-specificness of them I'm inclined to
say they should be part of the main, but that doesn't feel quite right.

Cheers,

-Alastair