Opened 3 years ago
Last modified 21 months ago
#34038 closed Bug
Low text contrast and no visual cues for links within body text in admin UI — at Version 5
| Reported by: | Thibaud Colas | Owned by: | |
|---|---|---|---|
| Component: | contrib.admin | Version: | 4.0 |
| Severity: | Normal | Keywords: | accessibility, color contrast, ux |
| Cc: | William Claassen | Triage Stage: | Accepted |
| Has patch: | no | Needs documentation: | no |
| Needs tests: | no | Patch needs improvement: | no |
| Easy pickings: | yes | UI/UX: | yes |
Description (last modified by )
The Django admin’s light theme uses a light blue for links within text, with no other distinction of what is a link. This is problematic for two reasons:
- The current shade of blue,
#447e9b, doesn’t have enough contrast against the white body background. - For people with color blindness, there is no visual cue that a link is a link.
For those reasons, I would recommend:
- Changing the link color of
--link-fg. My recommendation would be to use an ever-so-slightly darker#437c98(1% less lightness in HSL representation)
- Introduce an underline for all links within body text, so they can be identified unambiguously.
Change History (5)
comment:1 by , 3 years ago
| Triage Stage: | Unreviewed → Accepted |
|---|
comment:2 by , 3 years ago
| Cc: | added |
|---|---|
| Owner: | changed from to |
| Status: | new → assigned |
comment:3 by , 3 years ago
| Has patch: | set |
|---|
comment:4 by , 3 years ago
| Patch needs improvement: | set |
|---|
comment:5 by , 3 years ago
| Description: | modified (diff) |
|---|---|
| Easy pickings: | set |
| Owner: | removed |
| Status: | assigned → new |
The new color have enough contrast when the background is white. Unfortunately --link-fg is also used with yellow (#ffffcc) and gray backgrounds (#f8f8f8). We should make it even darker to meet AA standards, e.g. #417893.
A pull request has been added: PR. This includes: