WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Breadcrumbs Question


From: Birkir R. Gunnarsson
Date: Aug 20, 2020 10:10AM

1. I would limit the bredcrumb pattern to pages, I would not include
selections or tabs on the current page in the breadcrumb. What I would
do instead is to have the main heading of the page correspond to the
name of the active tab or in-page menu guidance.
(it is not required, but I always recommend that the tabpanel content
starts with a heading that matches or includes the name of the tab
used to activate it).
2. I'm fine either way, you can skip current page, make current page
not a link or even include it and add aria-current="true". Whatever
works best for your audience.

On 8/20/20, Janette Shew < <EMAIL REMOVED> > wrote:
> Hello!
> What's the best way to handle long breadcrumbs that incorporate
> - The content page primarily contains tabbed content;
> - Non-linkable navigation categories (these have submenu items but the
> category itself is not a page
> 1) Should the active tab name be included in the breadcrumb (non-linked)?
> (an example:
> https://cdn2.hubspot.net/hubfs/53/Imported_Blog_Media/wordpress-tabs-2.jpg)
> 2) NNG recommends that the non-linkable navigation category be
> excluded from the breadcrumb; this seems good from an accessibility
> standpoint. Does anyone disagree? (an example:
> https://ocw.mit.edu/courses/comparative-media-studies-writing/21w-732-5-introduction-to-technical-communication-explorations-in-scientific-and-technical-writing-fall-2006/readings/
> - Notice that the active-styled "Find Courses" is a category, and within it
> you go to Courses then further in to get to this page. )
> Thanks in advance!
> - Janette
> > > > >

Work hard. Have fun. Make history.