Questions tagged [color-blindness]
is the inability or decreased ability to see color, or perceive color differences, under normal lighting conditions
48 questions
0
votes
0
answers
39
views
Is there a methodology or color choice that allows an app's UI to be more visible in outdoor conditions? [duplicate]
I saw this question on another Q&A website and was wondering the same. This is a question that resurfaces from time to time, even on this website, where there are several questions with no answer, ...
- 38.3k
1
vote
1
answer
963
views
Yellow in high contrast modes
We're implementing different color themes across our apps.
All our basic themes are WCAG level AA compliant, but now it's high contrast theme's turn. It's going to be a theme that features maximum ...
- 2,628
1
vote
2
answers
536
views
Do different opacities of hover / click / active states need considering from an accessibility perspective?
I found this sidebar on Dribbble:
And I'm wondering if it's fully accessible? It looks like when a menu item is active, it's given a semi-transparent background. And when you hover over another menu ...
- 113
19
votes
8
answers
5k
views
Is colour alone enough to convey warning?
I'm designing page that has an alerts panel in relation to healthcare. I'm using a pale red to convey that action needs to be taken immediately, orange to show that something is due soon and green to ...
0
votes
1
answer
1k
views
Do small icons have to pass at least 3:1 for contrast accessibility?
Can anyone clarify if icons (UI elements) 20x20 etc have to be 3:1 and is that a recommendation?
Thanks
- 71
0
votes
1
answer
58
views
What is the UX guideline or ruleset for making accessible while we have conditional formatting colors applied to each rows?
While we have color palette to handle conditional formatting of table rows we want to create accessible color palette. How is this handled addressing accessibility for colour blind like greyscale?
Any ...
- 1,543
5
votes
2
answers
3k
views
Does Wordle's high contrast mode confuse the meanings of the colors for colorblind users?
The popular word game Wordle includes a high contrast mode in the settings for "improved color vision". It turns the usual green and yellow color cues into more contrasting orange and blue.
...
- 151
6
votes
3
answers
855
views
LED indicator considerations for colorblind users?
I'm working with some hardware that has RGB LEDs to indicate various states. The LEDs are limited to each element being fully on or off, so there are effectively 7 lit states (R, G, B, RG/yellow, RB/...
- 161
0
votes
1
answer
78
views
How to distinction between new and old added items (+ colorblind)?
In my app the waiter can "open a table" and check what has been ordered or add new plates to the order.
The added items or the ordered ones are in the same list and for now i was showing the ...
- 187
6
votes
2
answers
825
views
How do I subtly show that an element in large collection of elements was recently changed?
I have a large collection of elements displayed in a calendar-like grid. These elements represent entities that can change over time, but many won't. The elements are rendered like cards, evoking a ...
- 163
30
votes
7
answers
24k
views
Colorblindness-friendly colors called "green", "blue", "yellow", and "red"
I need to choose a palette of four colors that satisfies the following two conditions:
Colorblind people can easily distinguish all four of the colors.
People with normal color vision can ...
4
votes
3
answers
636
views
What is the number 0.05 in the calculation of contrast ratio between colors?
To calculate contrast ratio the following formula is used (source):
(L1 + 0.05) / (L2 + 0.05)
where:
L1 is the relative luminance of the lighter of the colors, and
L2 is the relative luminance of ...
- 43
4
votes
1
answer
958
views
Do red "destructive" buttons hurt accessibility?
My organization currently uses red buttons for destructive actions, e.g. Delete A or Revoke X.
I'm wondering if this hurts accessibility, given that our primary CTA buttons are blue and our secondary ...
- 49
0
votes
1
answer
57
views
How to force the user to draw on certain elements if there are images in the layout
Well, I ran into the problem of distinguishability of content in a mobile application. In fact, there are a huge number of pictures on the page (movie poster, preview of the film as a picture). A lot ...
- 25
2
votes
2
answers
951
views
Color blindness test for a chart color palette
I have a color palette for charts. I'd like to convert it to the 3 most common types of color blindness: Protanopia (red blind), Deuteranopia (green-blind), and Tritanopia (blue-blind). And see ...
- 342
1
vote
1
answer
223
views
potentially color-blind person: how to choose colors for a graph [duplicate]
I have a chart with 5 curves (curves 1-5). A person told me that colors 1 vs. 2 as well as colors 3 vs. 5 are difficult to distinguish. While I can understand that 3 and 5 are somewhat similar, the 1 ...
- 111
5
votes
2
answers
584
views
Can palettes be unambiguous for colour blind users?
I am making design recommendations for a piece of software that wants to accommodate entirely illiterate users. A suggestion that has been made is to assist these users by employing "color coding" on ...
- 407
1
vote
1
answer
165
views
Using selection feedback to make a color-coded seat map usable for colorblind users
I am designing a seat map in which different seats will be in different zones.
Each zone has a different price, so the zones are highly relevant to the user during seat selection.
However, because ...
- 618
-4
votes
1
answer
1k
views
Is it a good idea to use red color in User Interfaces? [duplicate]
Colors like red and green are not visible to people with colour blindness.So is it a good idea to use red or variations of red as a user interface colour?
- 99
6
votes
3
answers
5k
views
Alternatives for red/green in diff output
I once read an article arguing that red and green are bad choices for diff, because
some people have red-green color blindness
red implies "bad" and green implies "good", but deleted code is often ...
- 173
1
vote
4
answers
552
views
I need help picking a color for colorblind people
thanks for taking the time to help me out :)
I am having trouble deciding which color to pick. A bright yellow or a bright purple. It has to go with the teal I used because it represents my school, ...
- 111
1
vote
1
answer
7k
views
What is the thought behind veg and non veg icons?
My cousin always looks for this little green icon before she buys anything that is eatable. I was wondering what is the thought behind these icons.
To be specific these don't pictorially depict veg ...
- 868
1
vote
2
answers
949
views
Is it okay to use orange color for buttons and red for warning messages/buttons?
I am having a navbar with a search functionality that has two buttons "Search" and "Advanced". My primary color is blue #2a7ab0 I use that for buttons and some text. Text color on the blue button is ...
- 143
0
votes
2
answers
168
views
How to visually indicate statuses in a matrix of information?
I'm designing a web app to help users track the status of several products over a 6 month period. We need to show a product's status for each month. A product has 1 of 5 statuses for each month.
I'...
- 97
1
vote
2
answers
115
views
How can I find a color scheme that is appropriate for color blind persons?
I need to highlight an item in a toolbar with a color that is distinct from other colors that are already present.
This accent color will be used in any currently selected item, row, or other item ...
- 1,028
6
votes
2
answers
2k
views
Accessibility color difference best practices
I was planning on using #663399 and #f8f8f8 as a foreground and background color.
The Color Contrast Tool, like others, is passing the contrast ratio as described by WCAG, but is failing color ...
- 167
14
votes
7
answers
8k
views
Alert colors are really user-friendly to color-blind users?
I have seen many alert boxes are differentiated using only colors, even bootstrap has given. Has this box been really user-friendly to color-blind users?
- 3,034
10
votes
2
answers
25k
views
Color Palette for All types of Color Blindness
I am trying to design an infographic that is colorful and informative. At the same time, people who are colorblind should be able to view it.
Color-blindness website allows you to view images with ...
- 205
4
votes
3
answers
2k
views
Icon coloring for color blindness
I have scenario where there are 2 icons(Check and Exclamation) with 4 states.The colors of the icons changes on following scenarios
State 1 - ! - Grey (Configuration is missing,has content)
State 2 -...
102
votes
13
answers
13k
views
A UI/UX developer with color-blindness. Good or Bad idea or maybe a challenge?
I'm working as a front-end developer. I used to work on JavaScript technologies. But when it comes to UX and about choosing colors and stuff which I'm not able to understand well due to color ...
- 983
0
votes
2
answers
181
views
Nice elevators patterns for imaginative psychology
For a person that could not see, would it be nice to have different elevator buttons arranged into different patterns, not sure which ones, at all, or not?
On one hand, it would make things ...
- 328
1
vote
1
answer
104
views
Correct way to present an option for visual deficiency (ie. colorblindness)
I would like to present an option for users who have a visual deficiency (specifically, colorblindness) to choose so that the UI can adjust its colors accordingly to best suit them. What should I name ...
- 111
12
votes
5
answers
5k
views
Making color blind friendly plots that look professional
Based on this question I've been racking my brain trying to find a color scheme for journal publications that is color blind friendly and that I actually like. I've tried color brewer and other sites, ...
- 221
6
votes
2
answers
729
views
How to determine color palettes visible for the colorblind?
How can I create a color palette that can still be visible by those who are colorblind? Is there a resource that can help determine if color palettes meet WCAG standards?
If not, could someone ...
- 63
29
votes
9
answers
5k
views
How can wiring systems be designed to not rely solely on colour?
Yesterday I was faced with the challenge of replacing the stock radio in my vehicle. The stock radio had broken, and it was time for a new one. As it is, building the proper wiring harness is already ...
- 1,100
5
votes
2
answers
353
views
How should you create simple, color-coded graphics for color-blind people when the graphics are particularly thin?
I'm starting to make a Flash puzzle game, and I started thinking about how to implement a color-blind mode. (I know there's a game development SE, but this is a user experience question.) To keep it ...
- 198
5
votes
4
answers
418
views
Can someone who is colour blind pursue a career in UX?
I am colourblind and I am considering a career in Business Analysis and User Experience.
Would this be a problem for me?
- 287
9
votes
2
answers
863
views
Colourblindness in design
I'm doing a little research to see how many people are affected by colourblindness to see if it is useful for our company to put some extra attention into our designs for those who are colourblind.
I'...
- 319
4
votes
1
answer
753
views
Site Accessibility - Colour schemes to avoid
Marketing at our company has a strong preference for Blue on Blue in our application (i.e. Blue gradient background, with a Light blue header background, and a darker blue text shade).
Obviously, in ...
- 143
3
votes
1
answer
1k
views
Good colors to indicate presence (in/out)
I'm designing an app that allows people to indicate if they are in or out of the office. When they change state, I'm showing a pop-up screen with an in icon or an out icon.
Currently the background ...
- 208
6
votes
2
answers
735
views
What are HTML colors that could be used for a 4 level performance measurement (Poor, OK, Good, Great) that would work with color blind people?
Perhaps, for users with Red-Green color blindness, the colors below are OK b/c the user can differentiate (I think) between read and light green. And for Red/Dark-Green they could easily tell one is ...
- 1,548
10
votes
4
answers
2k
views
Should we risk using colors other than blue in Web apps?
Trends: New Colors (we’re looking at you, #00A0D1)
If there’s one thing that’s been stagnant in the design community, it’s the originality with colors. Sixty percent of the applications on my ...
- 352
8
votes
2
answers
11k
views
What is the difference between WCAG 2 AAA Compliant and WCAG 2 AA Compliant
I use a web app to check my site color contrast. Most of my color (Back/fore ground colors) are OK and I see YES inside textboxes except the one which refers to WCAG 2 AAA. What is it? What is the ...
- 1,042
6
votes
5
answers
1k
views
Are social media icons as effective when grey-scale?
Social icons may be more noticeable in the header, but they can clutter they navigation.
Are social icons as effective in grey-scale? ie. Will users still see them in a group of links if they're not ...
- 181
43
votes
7
answers
11k
views
How can I check if my user interface is suited for colorblind people? [closed]
I've made a visualization that consists of various colors. Now I would like to test, if also color-blind people can use my application in a meaningful way. Is there any tool etc that I can run to see ...
- 1,177
4
votes
5
answers
478
views
Communicating a three stage grade of alert
In our web application there's a view where we display the stress on a hardware component.
This will be displayed with a percentage value in different colour codes combined with an icon where 100% ...
- 16.3k
8
votes
3
answers
690
views
Choosing colors appropriately for red-green colorblindness
I want a green for "correct answer" and a red for "wrong answer". My current choice is rgb(144, 238, 144) for the green and rgb(250, 128, 114) for the red. (See wikilearner.net/wiki for the colours in ...
- 2,173
5
votes
5
answers
5k
views
Traffic light like indicator for color-blind users?
We want to implement an indicator to display 'good' 'average' or 'bad'.
So someone came up with a traffic light image.
(green circle for 'good' yellow circle for 'average' and a red circle for 'bad')
...
- 153