: How do you take into account display brightness for end-users? This website uses a tiled grey background that looks good on brighter screens, but too dark for 'standard' Internet brightness/contrast.
This website uses a tiled grey background that looks good on brighter screens, but too dark for 'standard' Internet brightness/contrast.
The less bright one is obviously more muted and the colours do not look good, but we can't control what brightness people use and I'd like some opinions on whether to account for darker screens or lighter.
Obviously lighter ones can be harsher on the eyes, so we don't want to blind people, but do want the colours and textures to look as they should.
If we should account for darker screens, then we'll have a lighter background.
Any ideas appreciated.
More posts by @Ogunnowo857
1 Comments
Sorted by latest first Latest Oldest Best
Some of this is subjective, but if you want to make sure you don't cross the line into having text which risks being unreadable, you can use the W3C's AA or AAA accessibility guidelines.
The easy way to do this is by plugging the colours you use into a tool like snook.ca's colour contrast checker.
According to that, the colours used on the 'grey on grey' box do cross the line and don't meet accessibility standards for readability at AA or AAA level unless the text was at least 18pt.
So a good next step would be to find the functional middle ground between the grey-on-grey you want, and the colour contrast needed to pass at least AA accessibility.
For example, after a little playing with the "Value" sliders, something like this might work for you:
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.