Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improved default theme color contrast #375

Open
amyjko opened this issue Mar 17, 2024 · 0 comments
Open

Improved default theme color contrast #375

amyjko opened this issue Mar 17, 2024 · 0 comments
Assignees
Labels
defect Something isn't working as intended writing Related to book authoring.

Comments

@amyjko
Copy link
Owner

amyjko commented Mar 17, 2024

Expected behavior

Contrast should be high enough on any screen, for any person.

Actual behavior

What's the problem?

Some of the default themes have low contrast in dark mode. For example, we had to change the following for the _Teaching Accessible Computing Book:

Muted color (#666666, used in captions) on dark background (#010101) = 3.64:1, fails AA and AAA (passes AA only if bolded) Changed #666666 to #A1A1A1 = 8.27:1

Small highlight/link color (#B36363) in the sidebar on dark background (#010101) = 4.85:1 (meets WCAG AA, fails WCAG AAA) Changed #B36363 to #F76E79

Highlight/link color (#B36363) on Block Background (#333333) = 2.93:1
Changed #B36363 to #F76E79 as per above; then changed #333333 to #222222 (note, this meets AA with the new red but not AAA. TODO is to make it AAA compliant.

What's the design idea?

Change the defaults to improve contrast.

Who benefits?

Anyone with low vision contrast issues, or on low contrast screens.

@amyjko amyjko added defect Something isn't working as intended writing Related to book authoring. labels Mar 17, 2024
@amyjko amyjko self-assigned this Mar 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
defect Something isn't working as intended writing Related to book authoring.
Projects
Status: No status
Development

No branches or pull requests

1 participant