[Django] #35382: Low contrast background color for fieldset headings within inline formsets

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-----------------------------------------+-------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Uncategorized | Status: new
Component: Uncategorized | Version: 5.0
Severity: Normal | Keywords: accessibility
Triage Stage: Unreviewed | Has patch: 0
Needs documentation: 0 | Needs tests: 0
Patch needs improvement: 0 | Easy pickings: 1
UI/UX: 0 |
-----------------------------------------+-------------------------------
`.inline-related fieldset.module h3` has a background color of `#bcd` and
text color of `#fff`
This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
here [https://webaim.org/resources/contrastchecker/])
--
Ticket URL: <https://code.djangoproject.com/ticket/35382>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets

-------------------------------+--------------------------------------

Reporter: Sarah Boyce | Owner: nobody
Type: Uncategorized | Status: new
Component: Uncategorized | Version: 5.0

Severity: Normal | Resolution:

Keywords: accessibility | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0

-------------------------------+--------------------------------------
Changes (by Sarah Boyce):

* Attachment "Color.png" added.

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Uncategorized | Status: new
Component: Uncategorized | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+--------------------------------------

Description changed by Sarah Boyce:

Old description:

> `.inline-related fieldset.module h3` has a background color of `#bcd` and
> text color of `#fff`
> This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
> here [https://webaim.org/resources/contrastchecker/])

New description:

`.inline-related fieldset.module h3` has a background color of `#bcd` and
text color of `#fff`
This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
here [https://webaim.org/resources/contrastchecker/])

See "Name" here:
[Image(Color.png)]

--
--
Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:1>

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Uncategorized | Status: new
Component: Uncategorized | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+--------------------------------------
Description changed by Sarah Boyce:

Old description:

> `.inline-related fieldset.module h3` has a background color of `#bcd` and
> text color of `#fff`
> This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
> here [https://webaim.org/resources/contrastchecker/])
>

> See "Name" here:
> [Image(Color.png)]

New description:

`.inline-related fieldset.module h3` has a background color of `#bcd` and
text color of `#fff`
This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
here [https://webaim.org/resources/contrastchecker/])

See "Name" here:

[Image(https://code.djangoproject.com/attachment/ticket/35382/Color.png)]

--
--
Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:2>

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Uncategorized | Status: new
Component: Uncategorized | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+--------------------------------------
Description changed by Sarah Boyce:

Old description:

> `.inline-related fieldset.module h3` has a background color of `#bcd` and
> text color of `#fff`
> This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
> here [https://webaim.org/resources/contrastchecker/])
>
> See "Name" here:

> [Image(https://code.djangoproject.com/attachment/ticket/35382/Color.png)]

New description:

`.inline-related fieldset.module h3` has a background color of `#bcd` and
text color of `#fff`
This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
here [https://webaim.org/resources/contrastchecker/])

See "Name" here:
[[Image(https://code.djangoproject.com/attachment/ticket/35382/Color.png)]]

--
--

Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:3>

[Django]

[[Image(Color.png)]]

--
--
Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:4>

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Uncategorized | Status: new
Component: Uncategorized | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+--------------------------------------
Description changed by Sarah Boyce:

Old description:

> `.inline-related fieldset.module h3` has a background color of `#bcd` and
> text color of `#fff`
> This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
> here [https://webaim.org/resources/contrastchecker/])
>
> See "Name" here:

> [[Image(Color.png)]]

New description:

`.inline-related fieldset.module h3` has a background color of `#bcd` and
text color of `#fff`
This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
here [https://webaim.org/resources/contrastchecker/])

See "Name" under Child # here:
[[Image(Color.png)]]

--
--
Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:5>

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Uncategorized | Status: new
Component: Uncategorized | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+--------------------------------------
Description changed by Sarah Boyce:

Old description:

> `.inline-related fieldset.module h3` has a background color of `#bcd` and
> text color of `#fff`
> This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
> here [https://webaim.org/resources/contrastchecker/])

New description:

`.inline-related fieldset.module h3` has a background color of `#bcd` and
text color of `#fff`
This is hard to read and fails WCAG AA and WCAG AAA (this can be tested
here [https://webaim.org/resources/contrastchecker/])

Under Child: #1 and above Fields, see "Name" with the poor contrast
[[Image(Color.png)]]

--
--
Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:1>

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+------------------------------------

Reporter: Sarah Boyce | Owner: nobody

Type: Bug | Status: new
Component: contrib.admin | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Accepted

Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+------------------------------------

Changes (by Natalia Bidart):

* component: Uncategorized => contrib.admin
* stage: Unreviewed => Accepted
* type: Uncategorized => Bug

Comment:

Thank you Sarah for the report, it makes sense. I checked and the
background color is at least 16 years old!

Do you have any concrete suggestion for the new font color?
--
Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:2>

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+------------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Bug | Status: new
Component: contrib.admin | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+------------------------------------

Changes (by Sarah Boyce):

* Attachment "suggestion.png" added.

--
Ticket URL: <https://code.djangoproject.com/ticket/35382>

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+------------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Bug | Status: new
Component: contrib.admin | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+------------------------------------

Comment (by Sarah Boyce):

Black `#000`?
[[Image(suggestion.png)]]
--
Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:3>

[Django]

#35382: Low contrast background color for fieldset headings within inline formsets
-------------------------------+------------------------------------
Reporter: Sarah Boyce | Owner: nobody
Type: Bug | Status: new
Component: contrib.admin | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------+------------------------------------

Comment (by Natalia Bidart):

Looks good! I checked the `base.css` and noticed we have a `--body-fg:
#333` which also seems like a good option. I would remove the bold though!
--
Ticket URL: <https://code.djangoproject.com/ticket/35382#comment:4>