Skip to content

The subtext under some page titles is too light and not accessible. #332

@sue-hntr

Description

@sue-hntr

UI Work Request by Suzanne Hunter, @sueuxdesigner
Date: 8/7/25

Image Image Image

has inadequate contrast to the white background and is not accessible to color-blind and visually impaired users. For the following pages:
https://balancertestsite.com/
https://balancertestsite.com/medications
https://balancertestsite.com/feedback

You can see the font-color CSS in code for that selection is rgb(156,163,175 / var(--tw-text-opacity, 1). (see image FixSubtextColorContrast01.png)

Converting that to a Hex value, that gray is #9CA3AF.
When #9CA3AF is run through an accessibility color check like https://www.accessibilitychecker.org/color-contrast-checker/ ,
That color does not pass a readability test (see FixSubtextColorContrast02.png).

Please change that gray to a darker value like #4f5763 or rgb(79, 87, 99), which does pass the test (see FixSubtextColorContrast03.png).

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions