Quick Tip: Breadcrumbs
Website breadcrumbs are a navigational aid that shows users their location within a site’s hierarchy, typically displayed as a horizontal trail of links (e.g., Home > Category > Subcategory > Page). They help users easily backtrack to previous sections of the website. Breadcrumbs are optimally positioned within the <main> element and either before or after the <h1> of a site (after helps users that navigate directly to the first-level heading orient). Breadcrumbs can be placed within a <nav> element and the individual items can be marked up as list items, but the additional information read by screen readers may not be necessary.
The monthly Web Accessibility Tip comes from WebAIM and is shared to get a wider audience. For more information about web accessibility, please visit the WebAIM website.
See also information about how you can subscribe to the monthly WebAIM Newsletter which contains lots of great information about web accessibility.