WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Breadcrumbs Question

for

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

From: Janette Shew
Date: Thu, Aug 20 2020 7:25AM
Subject: Breadcrumbs Question
No previous message | Next message →

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

From: Birkir R. Gunnarsson
Date: Thu, Aug 20 2020 10:10AM
Subject: Re: Breadcrumbs Question
← Previous message | No next message

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 ADDRESS 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.