Breadcrumbs: a tiny navigation that helps everyone (note)

A breadcrumb navigation provides a spatial “you are here” location path for everyone, especially useful for screen readers.

• Wrap with <nav aria-label="Breadcrumb"> for semantic navigation.
• Use <ol> (ordered list) of location steps.
• CSS: Mark all li+li::before with › (not literal > in HTML).
• Use <span aria-current="page"> for the current page (do not link it).
• Keep keyboard focus only on actual links, not current page.
• Announces as “breadcrumb navigation, Home, …, current page.”