Skip to content

Distinguish colors in reduced color conditions #1

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

Open
wants to merge 31 commits into
base: develop-interactive
Choose a base branch
from

Conversation

kaBeech
Copy link
Collaborator

@kaBeech kaBeech commented Mar 23, 2025

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

Condition Before After Blue increase w/o red decrease
Full Color before_full_color after_full_color
Protanopic (no red) before_no_red after_no_red
Deuteranopic (no green) before_no_green after_no_green
Tritanopic (no blue) before_no_blue after_no_blue
Achromatopsic (no color) before_no_color after_no_color more_red_no_color
Reduced contrast before_reduced_contrast after_reduced_contrast
Blurry before_blurry after_blurry

ivanperez-keera and others added 30 commits February 3, 2025 05:35
This commit introduces a new library, copilot-visualizer, that produces
a tikz diagram from a Copilot spec.

The library leverages the interpreter, so externs must contain enough
samples for the visualization to take place.

Co-authored-by: Frank Dedden <[email protected]>
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.
@kaBeech kaBeech requested a review from ivanperez-keera March 23, 2025 00:54
@ivanperez-keera
Copy link
Member

ivanperez-keera commented Mar 26, 2025

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
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
Member

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

@kaBeech
Copy link
Collaborator Author

kaBeech commented Apr 18, 2025

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

3 participants