Consider using the menu button pattern with the popup breadcrumbs.
https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
On Thu, Apr 16, 2026 at 2:25 AM Bianchi, Cezar <
Cezar.Bianchi@gehealthcare.com> wrote:
> Hello there,
>
> My name is Cezar, I work at GE Healthcare design system and have a
> question regarding the breadcrumb component.
>
> Take a look at the example below
> https://www.kifli.hu/en-HU/c300121581-noevenyi-alapu-italok
> [image: Screenshot 2026-04-15 at 9.39.08 AM.png]
>
> We are trying same behavior:
>
> - Hover-triggered contextual popover
>
> - When a user hovers over any non-terminal breadcrumb node, a popover
> is displayed showing all navigable destinations available within that level
> of the information hierarchy.
> - This pattern extends traditional breadcrumb navigation by revealing
> sibling and child pages without requiring a page change, reducing
> navigation friction in deep hierarchies
> - At the last interactive level, pressing tab will change focus to
> the next interactive element on the page.
> - At the first interactive level, pressing shift+tab will change
> focus to the previous interactive element on the page.
> - To select a page, press enter when breadcrumb is in focus.
> Navigate to selected page and reset focus to page level.
> - Breadcrumb will inherit focused, focused hovered and focused
> pressed states.
>
>
> We have some questions about keyboard interactions:
>
> “Tab" will move to the next interaction available, “Enter" will navigate
> to/open the breadcrumb page. How should the user move from breadcrumb to
> popover options?
>
> Thank you very much
>
