Opened 3 months ago
Last modified 3 months ago
#36509 assigned Bug
Missing label on input fields in tables
| Reported by: | Sander Claus | Owned by: | Sander Claus |
|---|---|---|---|
| Component: | contrib.admin | Version: | 5.2 |
| Severity: | Normal | Keywords: | accessibility, changelist, ux, wcag |
| Cc: | Thibaud Colas, Antoliny | Triage Stage: | Accepted |
| Has patch: | yes | Needs documentation: | no |
| Needs tests: | no | Patch needs improvement: | yes |
| Easy pickings: | no | UI/UX: | yes |
Description (last modified by )
Editable fields in the tables are missing a label for users using assisting technologies like screen readers.
Example: the dropdown in the Type column and date selection field in the Release Date column.
https://django-admin-tests.netlify.app/django_admin_tests/latest/english/admin/demo/release/
The columns have a title on top, but this is not associated with the individual field elements.
Axe has flagged this as an accessibility issue related to the select-name rule.
This seems to be a failure of WCAG SC 4.1.2 Name, Role, Value
Change History (5)
comment:1 by , 3 months ago
| Cc: | added |
|---|---|
| Component: | Uncategorized → contrib.admin |
| Description: | modified (diff) |
| Keywords: | accessibility changelist ux wcag added |
| Triage Stage: | Unreviewed → Accepted |
comment:2 by , 3 months ago
| Owner: | set to |
|---|---|
| Status: | new → assigned |
comment:3 by , 3 months ago
| Cc: | added |
|---|
comment:5 by , 3 months ago
| Patch needs improvement: | set |
|---|
Thank you, I believe this hasn’t been reported before. Not sure what the fix looks like with Django’s admin implementation but in HTML that’s most likely an extra
aria-labelledbyoraria-labelfor those elements.