Opened 7 weeks ago
Last modified 6 weeks 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 , 7 weeks ago
Cc: | added |
---|---|
Component: | Uncategorized → contrib.admin |
Description: | modified (diff) |
Keywords: | accessibility changelist ux wcag added |
Triage Stage: | Unreviewed → Accepted |
comment:2 by , 7 weeks ago
Owner: | set to |
---|---|
Status: | new → assigned |
comment:3 by , 7 weeks ago
Cc: | added |
---|
comment:5 by , 6 weeks 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-labelledby
oraria-label
for those elements.