WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: placement of bread crumbs after <h1>

for

From: Paul J. Adam
Date: Apr 3, 2015 11:59AM

I'd recommend the breadcrumbs be placed above the Main Content H1 as that's the standard convention I've noticed on the web.

Also recommend, role="navigation" aria-label="Breadcrumb".

<div class="breadcrumb" role="navigation" aria-label="Breadcrumb"><a href="#">Home</a> &gt; <a href="#">Becoming a Student</a> &gt; High School</div>


Paul J. Adam
Accessibility Evangelist
www.deque.com <http://www.deque.com/>;
> On Apr 3, 2015, at 12:44 PM, Angela French < <EMAIL REMOVED> > wrote:
>
> We are reviewing a new design for our website from our contractors.
>
> A test page can be seen here http://sbctc.edu/redesign/high-school.html
>
> I'm wondering about the location of the breadcrumb navigation. I already have documented that it needs a <nav> tag around it, but I'm wondering about it's placement after the <h1> heading. It LOOKS nice to me as a sighted person to have that nicely styled h1, but semantically, it seems weird to have navigation after the <h1>.
>
> I'd be interested in your opinions as to whether this is truly an accessibility issue, or just a little odd.
>
> Thank you,
>
>
> Angela French
> Internet Specialist
> State Board for Community and Technical Colleges
> 360-704-4316
> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
> www.checkoutacollege.com<;http://www.checkoutacollege.com>;
> www.sbctc.edu<;http://www.sbctc.edu>;
>
> > > >