Aria
Roles
Attributes
aria-current
- use to denote current page (e.g. use attribute as css selector for underlining the current page’s nav link)?
- saw that in eleventy blog template
From the [MDN Web Doc for aria-current][1]:
When you have a group of related elements, such as several links in a breadcrumb or steps in a multi-step flow, with one element in the group styled differently from the others to indicate to the sighted user that this is the current element within its group, the aria-current should be used to inform the assistive technology user what has been indicated via styling.
To denote which link in a list represents the current page, add aria-current="page" to the link element.
Other possible values are page, step, location, date, time, true, and false (the default). Any other non-empty value will be interpreted as “true”.
Beware of the difference between current and selected. Selected tabs, options, rows and gridcells are denoted by aria-selected, not aria-current.
[1]: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current “aria-current | MDN Web Docs”
aria-selected
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected “aria-selected | MDN Web Docs”