Opened 13 months ago

Closed 10 months ago

#34910 closed Bug (fixed)

Color Contrast Admin Plus Icon

Reported by: laserhyena Owned by: Hisham Mahmood
Component: contrib.admin Version: dev
Severity: Normal Keywords: accessibility, color contrast
Cc: Triage Stage: Accepted
Has patch: yes Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: no UI/UX: yes

Description

Identified using automated checks with Axe. When in Light Mode/Theme, Axe reports a contrast ratio of 2.2:1 for the Django Admin's plus icon. For icons, this should be at least 3:1, as seen in the W3C documentation for Technique G207.

To reproduce, visit the Django Admin and locate one of the green plus symbols. Potential new value for the green is represented by # 5fa225.

Please note the new green should result in acceptable color contrast for both Light and Dark mode.

Change History (6)

comment:2 by Hisham Mahmood, 10 months ago

Admin change icon needs better contrast too.

Comparison of before/after color, confirming the proposed shade: ​​contrast-grid.

comment:3 by Hisham Mahmood, 10 months ago

Has patch: set
Owner: changed from laserhyena to Hisham Mahmood

Pull request: ​https://github.com/django/django/pull/17744

comment:4 by Natalia Bidart, 10 months ago

Patch needs improvement: set

Setting as patch needs improvement following ​Thibaud's comment.

Last edited 10 months ago by Natalia Bidart (previous) (diff)

comment:5 by Hisham Mahmood, 10 months ago

Patch needs improvement: unset

Setting after ​clarification.

comment:6 by GitHub <noreply@…>, 10 months ago

Resolution: → fixed
Status: assigned → closed

In 8a1727dc:

Fixed #34910 -- Improved color contrast for add/change icons in admin.

Note: See TracTickets for help on using tickets.
Back to Top