WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Banner landmark and main headings

for

Number of posts in this thread: 2 (In chronological order)

From: Amanda Nance
Date: Tue, Aug 13 2013 3:06PM
Subject: Banner landmark and main headings
No previous message | Next message →

I'm trying to understand exactly what goes within the "banner" landmark.
The Paciello Group blog states that "Site-oriented content typically
includes things such as the logo, the main heading for the page..."
http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/

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?

I am wondering if the Paciello Group blog's reference to "main heading" is
talking about sites that have several levels of content and use the name of
the site section as the main heading.

Thanks!

From: Alastair Campbell
Date: Wed, Aug 14 2013 2:10AM
Subject: Re: Banner landmark and main headings
← Previous message | No next message

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