red green UI test
A classic button pair, green to confirm and red to cancel or delete, carries meaning that exists only by cultural convention: the color itself does not say 'success' or 'error' to someone who cannot see the difference. This test simulates the exact color pair you are using under all three color blindness types before you ship the interface.
A user with deuteranopia can visually separate the two buttons but cannot infer which one means success from color alone.
The same pattern repeats: distinction between buttons preserved, cultural color association lost.
A neutral background does not fix anything by itself, the redundancy needs to live inside the button itself.
No. It approximates average perception with a mathematical model; real people vary in severity, adaptation and lighting context, and many have reduced color vision, not absent.
Technically yes, as in the #5F537D versus #AFBC44 example under deuteranopia, they remain different hex values. The problem is not confusing one button for the other, it is that neither simulated color carries the "success" or "error" meaning the original color carried by convention.
Because in a genuine dichromacy the corresponding cone, L in protanopia, M in deuteranopia, is entirely absent, not just shifted, so no specific red-and-green pair escapes the simulation. WCAG 1.4.1 requires not depending on hue alone, not finding the "right" pair of colors.
Yes, as long as the icon has enough shape contrast against the button background regardless of hue, a checkmark outline versus an X outline, for example. Shape recognition does not depend on any cone type, so it works the same under all three simulated conditions.
No. Distinguishability under simulated color blindness and minimum contrast ratio (WCAG 1.4.3 for text, 1.4.11 for graphical objects) are two separate checks: a button can pass one and fail the other, so both need to be verified independently.
#3DDC97#E5C46B#E07B8E#4EA8DE#F7F8F7#796DAC#D9DB86#BAC288#7069CE#F7F7F7#796DAC, #D9DB86, #BAC288, #7069CE, #F7F7F7The palette is processed locally; no color or image is sent to the server.