[Django] #34628: RelatedFieldWidgetWrapper link icons are very hard to see
Django
-------------------------------------+-------------------------------------
Reporter: Thibaud | Owner: nmenezes0
Colas |
Type: | Status: assigned
Uncategorized |
Component: | Version: 4.2
contrib.admin | Keywords: accessibility,
Severity: Normal | color contrast
Triage Stage: | Has patch: 0
Unreviewed |
Needs documentation: 0 | Needs tests: 0
Patch needs improvement: 0 | Easy pickings: 0
UI/UX: 1 |
-------------------------------------+-------------------------------------
Spotted as part of #34622 – the icons used for RelatedFieldWidgetWrapper
links are very small, too low-contrast, and rely on opacity to convey
their state. Screenshot:
This should be simple to at least incrementally improve upon:
- Make the icons bigger
- Use something else than opacity for the disabled state
--
Ticket URL: <https://code.djangoproject.com/ticket/34628>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
Django
-------------------------------------+-------------------------------------
Type: Uncategorized | Status: assigned
Component: contrib.admin | Version: 4.2
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage: Accepted
color contrast |
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
* has_patch: 0 => 1
* stage: Unreviewed => Accepted
Comment:
[https://github.com/django/django/pull/16934 PR]
Thibaud did you have a screenshot you were intending to attach?
--
Ticket URL: <https://code.djangoproject.com/ticket/34628#comment:1>
Django
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: nmenezes0
Cleanup/optimization |
Component: contrib.admin | Version: 4.2
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage: Accepted
color contrast |
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
* type: Uncategorized => Cleanup/optimization
--
Ticket URL: <https://code.djangoproject.com/ticket/34628#comment:2>
Django
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: nmenezes0
Type: | Status: assigned
Cleanup/optimization |
Component: contrib.admin | Version: 4.2
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage: Accepted
color contrast |
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
* Attachment "icons-hard-to-see.png" added.
--
Ticket URL: <https://code.djangoproject.com/ticket/34628>
Django
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: nmenezes0
Type: | Status: assigned
Cleanup/optimization |
Component: contrib.admin | Version: 4.2
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage: Accepted
color contrast |
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Old description:
> Spotted as part of #34622 – the icons used for RelatedFieldWidgetWrapper
> links are very small, too low-contrast, and rely on opacity to convey
> their state. Screenshot:
>
> This should be simple to at least incrementally improve upon:
>
> - Make the icons bigger
> - Use something else than opacity for the disabled state
New description:
Spotted as part of #34622 – the icons used for RelatedFieldWidgetWrapper
links are very small, too low-contrast, and rely on opacity to convey
their state. Screenshot:
[[Image(https://code.djangoproject.com/raw-attachment/ticket/34628/icons-
hard-to-see.png)]]
This should be simple to at least incrementally improve upon:
- Make the icons bigger
- Use something else than opacity for the disabled state
--
Comment (by Thibaud Colas):
Thanks David, I got lost with the image management.
--
Ticket URL: <https://code.djangoproject.com/ticket/34628#comment:3>
Django
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: nmenezes0
Type: | Status: assigned
Cleanup/optimization |
Component: contrib.admin | Version: 4.2
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage: Accepted
color contrast |
Has patch: 1 | Needs documentation: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
* needs_better_patch: 0 => 1
--
Ticket URL: <https://code.djangoproject.com/ticket/34628#comment:4>
Django
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: nmenezes0
Type: | Status: assigned
Cleanup/optimization |
Component: contrib.admin | Version: 4.2
Severity: Normal | Resolution:
color contrast | checkin
Has patch: 1 | Needs documentation: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Mariusz Felisiak):
* needs_better_patch: 1 => 0
* stage: Accepted => Ready for checkin
--
Ticket URL: <https://code.djangoproject.com/ticket/34628#comment:5>
Django
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: nmenezes0
Cleanup/optimization |
Component: contrib.admin | Version: 4.2
Keywords: accessibility, | Triage Stage: Ready for
color contrast | checkin
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
* status: assigned => closed
* resolution: => fixed
Comment:
In [changeset:"1699f8b52ac15f687cc39088401c2641022c71cd" 1699f8b]:
{{{
#!CommitTicketReference repository=""
revision="1699f8b52ac15f687cc39088401c2641022c71cd"
Fixed #34628 -- Improved icons accessibility of related widget wrapper in
admin.
This improves accessibility of icons by making them larger and grayscale
(when not selected).
}}}
--
Ticket URL: <https://code.djangoproject.com/ticket/34628#comment:6>