Layout

Tab Menu Horizontal

How the Tab Menu Horizontal works with a keyboard and assistive tech.

Guidance#

A role="tablist" of role="tab" buttons with aria-selected and aria-controls; one tab stop.

Left and Right move and select, wrapping at the ends; Home and End jump.

The compact button has aria-haspopup="menu"; its menu moves with Up and Down and closes with Escape.

Narrower than its tabs, the strip wraps onto a second row rather than hiding tabs off the edge.