Questions tagged [contrast]
is the difference in luminance and/or color that makes an object (or its representation in an image or display) distinguishable.
1
vote
1answer
35 views
What is the procedure for measuring color contrast around anti-aliasing?
What is the proper method for measuring the color contrast of on-screen elements that are anti-aliased (particularly, but not limited to, text)? Does a standard method even exist?
Here's my specific ...
10
votes
3answers
623 views
Maximum contrast ratio for good accessibility
So we are remaking an enterprise app from scratch. This time we want to do base our design decisions on proper research.
Our users use the app 24/7 with high requirements for UX. So our main goal is ...
0
votes
1answer
33 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 ...
0
votes
4answers
159 views
Looking for research regarding pure black vs dark gray for readability
I've heard people say that websites with pure black text on a white background can cause exhaustion when reading, and that it's better to use a very dark gray text or a light gray background color to ...
-1
votes
1answer
69 views
Colors VS Screens - Colors to avoid
I'm working on my personal webpage, my primary background color (apart from white) is straight-forward turquoise (#40e0d0) from the styles selection in my navigator.
On my laptop, the color is more ...
3
votes
4answers
212 views
WCAG 2.0 color contrast - How strict do you need to follow?
I have some buttons with a purple background and I am trying to set the text color so it is in compliance of the WCAG 2.0 color contrast rules.
My issue is that I just don't understand how based on ...
1
vote
1answer
68 views
Color contrast for graphics
I'm trying to find information about minimum contrast ratio between graphic elements (e.g. a bar-graph and its background) but I can't seem to find any. Are there any good practices?
WCAG 2.0 ...
1
vote
2answers
141 views
Text contrast for highly saturated call to action buttons
It's become a part of my way of working that I check areas of my design are adhering to accessibility guidelines, WCAG2.0 colour contrast in particular.
At the moment I'm working on creating a new ...
10
votes
2answers
410 views
Mostly white screen (8 hours per day)
I am using an application which has a white background color.
I am using this application 8 hours per day.
I think a GUI with less contrast would be better for my eyes. I guess this would save some ...
4
votes
1answer
613 views
Contrast ratio for button background color?
I am working with making a website WCAG II compliant. The designers are asking to use yellow buttons (specifically, #fcdb31) with blue text on top of them on white backgrounds.
While the blue type on ...
1
vote
2answers
62 views
Play & Stop VS Start & Stop for meditation app
I'm working on a mobile app and deciding about whether to change the name of the button from play to start. This controls the circle as shown below.
At the moment it's play and stop but do you think ...
4
votes
2answers
630 views
High contrast/visible colors for google maps
I am creating some custom markers for an application that uses google maps
They stand for a tow truck and a broken car.
An important constraint is that they must contrast with the map bellow, in ...
11
votes
4answers
4k views
What should a well-designed high contrast function do?
I want to make my website accessible for nearly everyone. I already have a function to increase font-size. Now I am doing the high contrast function.
However, how should such an interface for ...
2
votes
1answer
428 views
Button passes contrast test however button's background and div's background are low contrast
I have been going back and forth with design about this. I think there should be a contrast with the button and the div that holds the button, however, design says there is no rule about that. I try ...
16
votes
2answers
7k views
Formula for color contrast between text and background
In my Android app a user can choose the color of an item. This color is then shown in background with a text on it. I want to display the text either in black or white - depending on the background ...
0
votes
1answer
109 views
Looking for Friendly Documentation on Color Contrast and Readability
We're looking to launch a new version of a website, and we had multiple users concerned about readability with grey text on a grey background.
I did some basic search, and found this website. Using ...
0
votes
2answers
130 views
what is the purpose of using Color Contrast Tool?
what is the purpose of using Color Contrast Tool? It's just background and text checking or icon checking?
0
votes
1answer
86 views
Is it enough to create an “accessible mode” of a website to be compliant with AA Accessibility level
I have a website, with an accessibility menu that allows the user to change the contrast level of the colors in the page in order to be compliant with accessibility level AA
Does anybody know by ...
11
votes
2answers
1k views
Material Design - text colors don't maximize contrast
Description
The color palette for Material Design specifies hues as well as suitable colored (white/black) text to be used for each backing-hue. So for example in the Red palette there are 10 '...
4
votes
3answers
112 views
Dynamic mobile styling based on the lighting of the users environment
Would it be useful to come up with a dynamic mobile styling feature based on the lighting of the users environment. Similar to how the imac reduces its brightness if you cover the cam on top of the ...
1
vote
2answers
101 views
Internet Plans table - Differentiate by speed Units
I have this administrator section in my online Internet Service Provider management system where he can insert new Internet plans, edit and visualize existing ones.
Here is a simple example using ...
25
votes
2answers
2k views
Do Samsung's Marshmallow skin Quick toggles have enough contrast?
I recently updated to Marshmallow, and I'm not happy with the blue over white scheme in daylight conditions. My question is if it's just me, or if this is documented and studied somewhere?
If so, how ...
6
votes
4answers
178 views
Is there a standard color list to keep adding new colors to a plot while retaining old colors?
My users pick one or more data sets to graph on a single canvas. The sets are color coded to distinguish between sets (all screenshots are for demonstrative purposes from demo utility):
BLUE=...
1
vote
3answers
394 views
Less contrast of text cursor over dark input box
We all know dark UI looks damn sexy. The problem is that, when the pointer hovers over a dark input box, the default black cursor has low contrast. Since this could confuse users, what might be the ...
1
vote
1answer
161 views
How to find an accessible color by changing lightness only?
Is the following hypothesis true?
For any given color:
{ Hue, Saturation, Lightness_1 }
there exists:
Lightness_2
such that the contrast ratio between:
{ Hue, Saturation, Lightness_1 }
and
{ ...
32
votes
2answers
12k views
Do disabled buttons still need to be contrast compliant for accessibility?
Very related to this question: Accessible Disabled State but that is about how to style disabled buttons to make them accessibility compliant, but my question is slightly different.
Is it actually an ...
1
vote
1answer
80 views
What are the benefits and costs of a high contrast interface in a clinical app?
I have a project in which users will take a test involving varying shapes and angles. The purpose of the test is to assess their cognitive abilities. Users will be taking this test on a tablet which ...
24
votes
3answers
4k views
Should I switch to a dark theme UI if the app is used at night?
Should I dynamically change the theming of my application based on ambient lighting?
My app will be used in bright daylight, as well as in a dark movie theatre, or may be opened at night. I ...
3
votes
1answer
136 views
UX principles for maximizing web page visibility at a distance?
This post is about maximizing visual clarity of a page, not SEO.
Some info about my project:
The page will be displayed on a 1080p 42" television.
Users will be standing 3 - 6 feet from the TV.
...
0
votes
2answers
456 views
Simulating how an app would look on various Projectors
I've done a few google searches and not coming up with anything useful:
I was wondering if anyone knew of any software or techniques that you could use to simulate how a web application would look on ...
4
votes
2answers
5k views
What is the best way to display disabled field and text for accessibility color contrast support
I am working on a project which needs to support color contrast accessibility.
Currently on our system disabled data is presented as grayed-out, but now we need to support color contrast for ...
0
votes
1answer
479 views
Mobile grid views - which style is preferred by users - rounded corners with borders or rectangles? [closed]
Is there's a way in which users of mobile devices prefer to perceive grid view content?
I'm a mobile developer and stare at mobile interfaces quite a lot. One of the things that was bothering me for ...
0
votes
1answer
555 views
UI colour palette for outdoor or bright lights
There was a requirement from the client about designing an interface with colours that are easy to read and use when users are roaming agents that are either out in the field or in environments with ...
2
votes
3answers
3k views
Color Contrast Tools as part of Website [closed]
Recently, I went to a website that had some color contrast changing tools on it and tried to find them so I could add them to sites we have in development. Obviously, I failed because I am here now ...
9
votes
3answers
910 views
Is there any way to simulate an off-angle LCD monitor for testing?
I notice that some LCD monitors, especially on laptop computers, have extraordinarily low contrast between light blue and white when viewed from "above" the screen. Even on my home desktop computer I ...
0
votes
1answer
76 views
How do display hardware contrast settings affect color contrast?
I have been interested in finding the results for this, but I have yet to find a reliable source for the following:
Given that hex color #FF0000 might look more like #FF3333 on a screen with a higher ...
1
vote
2answers
141 views
Is there any science way to find out the suitable contrast for text and background colour?
Here is the four text with different level of grey:
As you can see, the first line is very difficult to read, and the last one is the best to read. So, is there any science number behind this ...
6
votes
1answer
1k views
How much darker should yellow be get the same contrast as other colors?
By how much should the color yellow be darkened to get the same contrast values as other colors displayed on a computer screen?
This is something that i would do by sight, but i was wondering if ...
2
votes
2answers
701 views
Studies about negative readability
I've been requested to design a dark interface which spreads a little light as possible. I'm interested in academic studies / researches about white text on black background.
Is it really tough to ...
4
votes
1answer
86 views
How much does vision change as we age?
I'd like to share with my web design team some specific, quantitative data on just how much visual ability changes, even as young as 40 years old. This is to help drive home the need for adequate ...
7
votes
2answers
1k views
How to interpret wcag2.0 guidelines on contrast for buttons and icons
The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so it'...
19
votes
4answers
2k views
Dark screens in cars
I am a designer just preparing an app for the "in car" area.
Normally we have a bunch of colors to use and we usually use dark colors on a light background. Now our client came up with some question ...
6
votes
2answers
296 views
What is the validity of contrast and colours tests?
I just ran a contrast and colour test (using checkmycolours.com in this case) on our corporate site (www.dotblue.net; if you care) and it reports quite some failures. However, I explicitly optimized ...
6
votes
2answers
1k views
Stressless user experience for data entry forms
We're currently discussing a redesign of the applications we develop for internal use. Now, to change things for the better, we'd like to make as many UX considerations as possible before we go ahead. ...
8
votes
5answers
2k views
link color contrast with non-link text
I have read a lot about color contrast with regard to the text and background color (snook's tool), however is there a similar tool for validating the contrast of linked and non-linked text?
There is ...
21
votes
14answers
40k views
Is high contrast mode really useful?
In most operating systems and on some websites there is a high contrast mode, intended for use by visually impaired people. I have doubts, however, whether using such mode makes any sense - from what ...
7
votes
2answers
9k 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 ...
5
votes
2answers
812 views
Standards for and measuring contrast of solid color fills
There are several questions on UX (e.g. here, here, here) already about contrast. However, all of those are about text, and the contrast between text and background, most off them referencing this W3 ...
31
votes
3answers
18k views
How many visually distinct colors can accurately be associated with a separated legend in a figure?
For charts and graphs it's a relatively common question by programmers to want to procedurally generate an arbitrary number of colors that are visually distinct.
Various research (or educated guesses)...
4
votes
4answers
1k views
Best Way to Darken a Color Until it is Readable?
What's the best way to darken a color until it is readable?
I have a series of titles which have an associated color, but some of these colors are very light and any text drawn in them is unreadable. ...
