@illinois-toolkit/ilw-breadcrumbs
v1.3.0
Published
Illinois Toolkit: a list of formatted links that provide the path between the site’s home page and the page the reader is currently viewing.
Readme
ilw-breadcrumbs
Links: ilw-breadcrumbs in Builder | Illinois Web Theme | Toolkit Development
Overview
The Illinois components implementation of breadcrumbs provides a list of formatted links that provide the path between the site’s home page and the page the reader is currently viewing.
The site’s home page should be the first link in the list of breadcrumbs and should link to the site root. Pages used to navigate between the home page and the current page should also be listed and linked.
The current page item should not be linked, since following a link to the current page would just reload the page.
Code Example
<ilw-breadcrumbs>
<a href="/">Home</a>
<a href="/academics">Academics</a>
<a href="/academics/undergraduate">Undergraduate programs</a>
<span>Degree programs</span>
</ilw-breadcrumbs>Upgrade Process
- Rename
il-breadcrumbstoilw-breadcrumbs - Remove
il-breadcrumbs-pagetag and replace it with an anchoratag - For the current page, remove
il-breadcrumbs-pagetag and replace it withspantag
External References
https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/
https://www.nngroup.com/articles/breadcrumbs/
