Hot answers tagged

7

The attribute you are looking for is “relative luminance,” L, which, for a standard monitor, can be calculated as: L = 0.2126 * Rg + 0.7152 * Gg + 0.0722 * Bg, Where Rg, Gg and Bg are R, G, B values transformed as follows: if R <= 10 then Rg = R/3294, else Rg = (R/269 + 0.0513)^2.4 if G <= 10 then Gg = G/3294, else Gg = (G/269 + 0.0513)...


6

The only benefit of choosing a white background over a light grey background is that it arguably gives you a broader range of text colours that you can use, and still remain within accepted usability and accessibility guidelines. In other words, if you want to use blue text you would be able to use a slightly lighter shade of blue on a white background, ...


3

"Green turns to grey" is not strictly true - For Deuteranopes (the most common form of colour blindness) green turns to a sort of murky brown colour that would be distinguishable from grey. You can check this for yourself with one of the many browser plugins that re-colour pages as colourblind users would see them. This effectively solves the problem of ...


3

You might be good just switching arrow directions (pardon the ASCII art): Read: arrow points away from the icon []-> Write: arrow points towards the icon ->[] I'm basing the suggestion on the data flow direction (when reading, data "goes out", when writing data "goes in")


3

F.lux has some information that may be relevant to this situation. F.lux is a software that overlays your desktop screen and adjusts colors depending on the time of day to make it easier on the eyes. f.lux research Blue Light Affects Sleep (and here's why) We know that night-time exposure to blue light keeps people up late. We believe that f.lux ...


3

I think you're a bit confused here. HSL stands for Hue, Saturation, Lightness. If you need to know white= 100% Lightness. So the opposite to white is still L, only that at 0% (thus if you use any value for H and S, then add 0% for the L value, you'll get black). You can see the w3 recommendations with examples here As for HSV, it's a bit more complex, ...


3

According to the WCAG 2.0 web accessibility standards, the contrast for a text and background color should be a ratio of at least 4.5:1. Their checker shows your current background colors as being too light. I have taken screenshots of the differences: There is not enough contrast between the background color and the text. If the eye has to ...


2

If you want to check the readability of text in contrast to the background use the following link - webaim.org/resources/contrastchecker It will allow you to easily identify whether there is enough contrast between the text and background to determine if people with visual impairments can read the text. It also helps with meeting Level AA (or AAA) ...


2

Well, since you ask for it, here you have a very complete study with examples and a lot of data, another very conceptual study on what they call data hallucination , reference on Circadian clock. Keep in mind this is very technical information, and while very useful, maybe a bit overkill for your needs. Also, there's something that is not being considered ...


2

No, there are no standard colours used for "read from" or "write to". So other than choosing icons which are clear in the first place (those that you show are not), the important part is that you are consistent in your colours if you decide that you need to have different colours in the first place.


2

I made some simulations with ColorOracle: It looks like it works just fine for red-green colorblindness (deuteronopia and protanopia) but those with blue-green issues (tritanopia) will have a hard time seeing things. And that's something you can't quite fix with a slight palette adjustment. You'd have to move the green all the way over to yellow, or you ...


2

Text Color & Contrast Pick a text color that has enough contrast with the background color to be visible to all users. Check the contrast level with the WebAIM Color Contrast Checker site. Avoid pure black (#000) against a white background because that can make letters dance for readers with dyslexia, but #222 (which is slightly lighter than pure black) ...


1

Cubase (digital audio workstation) uses red for writing and green for reading automation values (it also uses 'W' and 'R') BUT you should never rely on colour for indication of status - especially if you're using red and green! As has been pointed out in the comments, your icons are not clearly defined. Make sure they're easily readable in monochrome before ...


1

I think it doesn't really matter for the healthy users as long as the content is easily readable. However, you should consider testing the contrast for the color blind and visually impaired users. A way to do it is to use the NoCoffee Chrome extension which can simulate a lot of vision impairments. You need to test the Low Contrast Sensitivity.


1

I'm not sure about strategies to mitigate a white background but if light grey works best and allows you more versatility with the layout color scheme, then by all means use it. If you think it's less glaring than a white background then why not create a mockup and run a quick user test to see what users prefer. Otherwise your rationale for a grey background ...


1

Found some good suggestions here: https://www.nia.nih.gov/health/publication/making-your-website-senior-friendly and here: http://www.nngroup.com/articles/usability-for-senior-citizens/ I would also add: Allow font sizes to be changed. Do not prevent them. Make help easy to find - use tooltips & cover every possible option in your FAQ or help pages. ...



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