Navigation

Breadcrumbs

One typed list in, correct landmark, ordered-list and current-page semantics out.

Semantics and name

The semantic root and accessible name must match the actual navigation.

  • Accessible name

    The nav landmark carries ariaLabel; crumb titles are visible text, never title attributes.

  • Current page

    aria-current=page marks exactly one crumb, and dividers are hidden from the tree.

Keyboard and focus

The component supports expected controls without creating focus traps.

  • Tab order

    Only actionable crumbs are focusable; no roving focus is introduced.

  • Native keys

    Links keep native activation, so browser shortcuts and context menus work as expected.