Navigation menu, composed

Several triggers, one panel open at a time, opening on pointer intent and on focus. There is no ui-nav-menu element: this is one ui-hover-card per trigger, and the handoff along the bar is two numbers — close-delay shorter than open-delay, so the panel you are leaving closes before the next one opens.

The rule the recipe exists for: a menu of links is not an APG menu. role="menu" means commands with roving focus, where the whole set is one Tab stop. Links are individually tabbable, so the panels are role="group" regions and Tab is the traversal.

Timeless

Back to StoryLite