Skip to content
This repository was archived by the owner on Jun 28, 2025. It is now read-only.

Distinguish colors in reduced color conditions - #1

Closed
kaBeech wants to merge 32 commits into
Copilot-Language:develop-interactivefrom
kaBeech:distinguish-colors
Closed

Distinguish colors in reduced color conditions#1
kaBeech wants to merge 32 commits into
Copilot-Language:develop-interactivefrom
kaBeech:distinguish-colors

Conversation

@kaBeech

@kaBeechkaBeech commented Mar 23, 2025

Copy link
Copy Markdown
Collaborator

Makes colored backgrounds more easily distinguishable in conditions with reduced color.

Increases blue content in the 'false' color to increase distinction from the 'true' color in protanopic (no red) and deuteranopic (no green).

Decreases red content in the 'false' color to increase distinction from the 'true' color in achromatopsic (no color) conditions.

Does not meaningfully address visibility considerations in reduced contrast or blurry conditions.

Happy to make any adjustments y'all think are wise!

See also discussion #2

ConditionBeforeAfterBlue increase w/o red decrease
Full Colorbefore_full_colorafter_full_color
Protanopic (no red)before_no_redafter_no_red
Deuteranopic (no green)before_no_greenafter_no_green
Tritanopic (no blue)before_no_blueafter_no_blue
Achromatopsic (no color)before_no_colorafter_no_colormore_red_no_color
Reduced contrastbefore_reduced_contrastafter_reduced_contrast
Blurrybefore_blurryafter_blurry

ivanperez-keeraand others added 2 commits March 16, 2025 18:30
Makes colored backgrounds more easily distinguishable in conditions with
reduced color.
Increases blue content in the 'false' color to increase distinction from the
'true' color in protanopic (no red) and deuteranopic (no green).
Decreases red content in the 'false' color to increase distinction from the
'true' color in achromatopsic (no color) conditions.
Does not meaningfully address visibility considerations in reduced contrast
or blurry conditions.
@ivanperez-keera

ivanperez-keera commented Mar 26, 2025

Copy link
Copy Markdown
Member

I like this, but I think "Full Color" is less intuitive since so many people associate green with good and false with bad (which, for requirements, will still be the correct association). Would it be possible to make this a setting, or change the website to have a tickbox that alters the colors?

@RyanGlScott

Copy link
Copy Markdown
Collaborator

I also like the idea of having different color palettes to choose from.

I don't have a particularly strong opinion on what the default palette should be.

@ivanperez-keera

Copy link
Copy Markdown
Member

@kaBeech Following up on this. Let me know if you want to talk about options to design the switch.

@kaBeech

kaBeech commented Apr 18, 2025

Copy link
Copy Markdown
CollaboratorAuthor

Gracious, I don't know how I missed this activity. Thank you for the feedback!

A setting to select the color palette sounds great. It seems sensible to me to add a section or pop-up for settings. If there are no objections I'll add one and submit it for feedback. If I hit a roadblock while designing/implementing it I may have to wait until after April 26 to finish as I am under another deadline currently.

I may be able to design a default palette that uses red/green but is still distinguishable in conditions with reduced color as well. How important is it for the colors to be light (i.e. black text can be read over them)? It would be simple to make an accessible default palette with a light green and dark red (or vice versa).

For instance, how do we feel about these colors?

timeline_darker_red

I'll also get feedback from a red-green colorblind colleague on the default palette before submitting an update.

Thanks!

@ivanperez-keera
ivanperez-keeraforce-pushed the develop-interactive branch 3 times, most recently from 1379c87 to eedbe96CompareJune 27, 2025 13:16
@ivanperez-keera

Copy link
Copy Markdown
Member

This was merged.

Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kaBeech@ivanperez-keera@RyanGlScott