Opened 4 years ago
Last modified 5 weeks ago
#34041 closed Cleanup/optimization
Accessibility improvements for admin breadcrumbs — at Initial Version
| Reported by: | Thibaud Colas | Owned by: | nobody |
|---|---|---|---|
| Component: | contrib.admin | Version: | dev |
| Severity: | Normal | Keywords: | accessibility, landmarks, ARIA |
| Cc: | Tom Carrick | Triage Stage: | Ready for checkin |
| Has patch: | yes | Needs documentation: | no |
| Needs tests: | no | Patch needs improvement: | no |
| Easy pickings: | no | UI/UX: | yes |
Description
There are two nice and simple accessibility improvements we could make to the Django admin’s breadcrumbs:
- Wrap them in a
<nav aria-label="{% translate 'Breadcrumbs' %}>">region, so they can be identified as a navigation landmark by screen reader users. - Structure the links as a
<ol>list with<li>items for each crumb, so screen reader users know how many items there are (visually they don’t need any changes) - Switch the last item to also be a link, with a
aria-current="page"attribute, so semantically the last item is marked as "current page" (again doesn’t necessarily need any visual change). Technically this would also work as a span but I believe switching to a link would be a nicer experience (consistent tabbing through all items in the breadcrumb)
All three improvements are based on the Breadcrumb ARIA authoring practices pattern. All can technically be done separately if desired.
Note:
See TracTickets
for help on using tickets.