#34038: Low text contrast and no visual cues for links within body text in
admin UI
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: (none)
Type: Bug | Status: new
Component: contrib.admin | Version: 4.0
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage: Accepted
color contrast, ux |
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 1
Easy pickings: 1 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Mariusz Felisiak):
* owner: William Claassen => (none)
* status: assigned => new
* easy: 0 => 1
Old description:
> 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.
New description:
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.~~
--
Comment:
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`.
--
Ticket URL: <https://code.djangoproject.com/ticket/34038#comment:5>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/0107018509ca07cd-2a1ab0c3-e17d-4fc6-8288-54d1c7783ac9-000000%40eu-central-1.amazonses.com.
