57 votes
Accepted

Do disabled buttons still need to be contrast compliant for accessibility?

No, it would seem not, as W3C states 1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large Text: ...
user avatar
49 votes
Accepted

Color picker - what to do if the user selects the same color as the background?

You could try adding a transparent black or white border on the inside of the coloured squares. This will look okay for most colors. One drawback of this solution is that the border will be noticeable ...
user avatar
  • 2,675
40 votes
Accepted

Formula for color contrast between text and background

Yes there is a formula. I wrote an article on high contrast colours recently that charts the variation of black or white (actually off-white #f0f0f0 and off-black #101010) as the foreground colour ...
user avatar
38 votes
Accepted

Do Samsung's Marshmallow skin Quick toggles have enough contrast?

In short, NO, they do not have enough contrast. According to Web Content Accessibility Guidelines (WCAG) they mostly do not have enough contrast. Only 1 out of 8 tests gets a pass. But the dark blue ...
user avatar
  • 8,271
32 votes
Accepted

Should I switch to a dark theme UI if the app is used at night?

A good example to consider would be the iBooks app in iOS which allows users to enable the dark theme automatically depending on the light sensor detection. However as PS86 rightly pointed out, don'...
user avatar
  • 43.6k
24 votes
Accepted

What should a well-designed high contrast function do?

Do more research. Asking one person will only get you that person's preference - Ask lots more people and look for patterns in the results. The RNIB (UK organisation for blind and partially sighted ...
user avatar
  • 13.4k
15 votes

Color picker - what to do if the user selects the same color as the background?

One working solution I found on my own was to add a "ring gradient" to the edge of each color, like this: This complimented the shadows in boosting necessary contrast, and the fact that it'...
user avatar
  • 483
13 votes

Is high contrast mode really useful?

Suffering from cataracts myself, I can assure you from myself, as well as others, that white or very light text on black is much more efficient for us. The research is there as well if you research ...
user avatar
11 votes
Accepted

Maximum contrast ratio for good accessibility

More Contrast Generally Better There are no general standards for capping contrast for either day or night displays. Generally, the higher the contrast, the easier the reading in both cases (Parker &...
user avatar
10 votes

Color picker - what to do if the user selects the same color as the background?

Google doesn't care: They possibly assume that anyone savvy enough to know they need to pick a color will understand that the color they pick might match the background. MS Paint has a gray left and ...
user avatar
  • 5,619
9 votes

What should a well-designed high contrast function do?

Think of high contrast text and using more than just color. There are a lot of accessibility guidelines out there. I'll mention two examples that I have come across in projects before. Check the ...
user avatar
8 votes

Do disabled buttons still need to be contrast compliant for accessibility?

I had a problem like this recently. The answer I came up with was this: Elements/controls must be contrast compliant when disabled as this provides vital clues to the user telling them that their ...
user avatar
  • 13.4k
7 votes

What are the negative and positive aspects of dark color scheme?

One advantage of light text on a dark background is that different colours in the text are easier to distinguish. That might not be important to most readers, but one type of user who makes heavy use ...
user avatar
7 votes

Is high contrast mode really useful?

My son, who is almost 5, has no visual problems but does have autism. He insists on having high-contrast mode for all his web activities and YouTube viewing. I didn't know it existed on the computer, ...
user avatar
  • 71
7 votes
Accepted

Is there a standard color list to keep adding new colors to a plot while retaining old colors?

color brewer is designed for maps but it will give you colours that are optimised to be as differentiable as possible. It has a maximum of 12 colour classes
user avatar
  • 7,218
7 votes

Formula for color contrast between text and background

You should choose the text color such that success criterion 1.4.3, Contrast (Minimum), of WCAG is met. It turns out that the required contrast ratio of 4.5 can be met with any choice of background ...
user avatar
6 votes

Should I switch to a dark theme UI if the app is used at night?

Yes, it's a good idea to dynamically change the theming of the application based on lighting. Also remember to add: the ability for the user to turn off dynamically changing the theme based on ...
user avatar
  • 364
6 votes

Is high contrast mode really useful?

After a brain injury, I had continually evolving difficulties with eyesight. Initially, inflammation changed the shape of my eyes and caused images to be out-of-focus. A larger font was helpful. ...
user avatar
6 votes
Accepted

Is there any way to simulate an off-angle LCD monitor for testing?

Encouraged to post this as an answer instead of a comment, I'd suggest looking at: https://github.com/SlexAxton/css-colorguard It is a tool that uses the CIEDE200 algorithm to detect color collisions ...
user avatar
  • 611
6 votes

Do Samsung's Marshmallow skin Quick toggles have enough contrast?

Your device is not stock Android. That theme will be something that is set by your device manufacturer and not by Marshmallow/Google. I agree that the colours are very pale and would be difficult ...
user avatar
  • 2,527
6 votes
Accepted

WCAG 2.0 color contrast - How strict do you need to follow?

Well, either you follow the rules or you don't. You have to choose if the trade off of "nice look" vs "accessible" is of value for you. Personally, I always think objective data is usually better than ...
user avatar
  • 33.1k
5 votes
Accepted

Mostly white screen (8 hours per day)

On a personal level you could reduce contrast / brightness on your monitor. Re the UX question there are numerous studies regarding reading legibility. Early screen designs had far less contrast than ...
user avatar
  • 6,611
5 votes

Color picker - what to do if the user selects the same color as the background?

Use a border with a high contrast opposed to the background color. It doesn't hurt the accessibiltiy if the inner content (chosen color) has a low contrast opposed to the border, but it hurts the ...
user avatar
  • 10.5k
4 votes

Is high contrast mode really useful?

Yes...a thousand times...yes. I am visually impaired and my impairment manifests itself in what is called low contrast sensitivity function. Put text on a white background and I simply cannot read it....
user avatar
  • 41
4 votes
Accepted

What is the best way to display disabled field and text for accessibility color contrast support

From WCAG 2.0, which is generally accepted as a way to be 508-compliant in your product: 1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at ...
user avatar
  • 1,268
4 votes

What should a well-designed high contrast function do?

To add to the above answers. Contrast is not the only thing to keep in mind: 1) Is your website ARIA friendly? Can it be easily browsed through a screen reader? 2) Is it responsive or developed in ...
user avatar
4 votes

Contrast ratio for button background color?

Both pass colour contrast test ..check here: http://leaverou.github.io/contrast-ratio/#%230000ff-on-%23fcdb31 http://leaverou.github.io/contrast-ratio/#%23fcdb31-on-%230000ff But, if you ask me as ...
user avatar
  • 1,800
4 votes

WCAG 2.0 color contrast - How strict do you need to follow?

My issue is that I just don't understand how based on the rules, that black text is better on the purple than white. This is to do with the varying types of colour blindness and if people with ...
user avatar
  • 2,654
4 votes

Looking for research regarding pure black vs dark gray for readability

High contrast and dyslexia True black, especially on pure white, can appear as blurred or moving for dyslexic people. There’s a reason the text you’re reading now is not pure black (#000000), and ...
user avatar
  • 1,127
4 votes

Maximum contrast ratio for good accessibility

There're no maximum contrasts in WCAG as it's more focused on those with difficulty processing the differences in background and foreground information (either audio, or more usually visual). The ...
user avatar

Only top scored, non community-wiki answers of a minimum length are eligible