Breadcrumb

A secondary navigation pattern that displays the user's current location within a site or application hierarchy as a series of linked steps, typically separated by arrows or slashes. Breadcrumbs help users understand where they are in a structure and navigate back to higher levels without using the browser back button. For accessibility, breadcrumbs should be contained in a nav element with an aria-label of "Breadcrumb," use an ordered list to convey sequence, mark the current page with aria-current="page," and ensure all links are keyboard focusable. Well-implemented breadcrumbs particularly benefit screen reader users by providing orientation context.