4 ms·
Wow their side menu (Apps, Branding, Choosing Fonts) has such horribly low contrast (1.5 - 2, depending on where you measure the text colour; it's small type so
by firmgently 8y ago
Wow their side menu (Apps, Branding, Choosing Fonts) has such horribly low contrast (1.5 - 2, depending on where you measure the text colour; it's small type so due to antialiasing there isn't really a single predominant colour when you zoom in to a screen grab) it's almost unreadable.
Legibility is the most important part of typography. I'm not suggesting this should detract from the article as the writer is probably not the person who made that design decision (EDIT: I think the article's very good actually), but it's pretty weak coming from a site called typography.com.
- Hnrobert42 8y agoHow do you measure the contrast? With a tool or by eye? Whst is considered an acceptable amount?
- camdenreslink 8y agoThis is a good tool: https://webaim.org/resources/contrastchecker/ https://webaim.org/resources/contrastchecker/ 4.5:1 is considered good for body text.
- sbr464 8y agoI've been using an app called Contrast for a while now, it's really convenient. https://usecontrast.com/ https://usecontrast.com/ If anyone ends up using it, be sure to check the support page, there are some useful power tips https://usecontrast.com/support https://usecontrast.com/support
- rootlocus 8y agoThe Google Chrome color picker for `color` CSS rules also displays the contrast ratio of the text in relation with the background color.
- a_e_k 8y agoHere's the objective criteria that W3C recommends for measuring it: https://www.w3.org/TR/WCAG20-TECHS/G18.html#G18-procedure https://www.w3.org/TR/WCAG20-TECHS/G18.html#G18-procedure