Disturbing trend of low-contrast text: Difference between revisions
From ShawnReevesWiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
[[File:App Store bad contrast.png|400px|thumb|right|In its App Store, in 2014, Apple uses grey text for body elements, while larger text is black.]] | [[File:App Store bad contrast.png|400px|thumb|right|In its App Store, in 2014, Apple uses grey text for body elements, while larger text is black.]] | ||
[[File:Apple Reminders bad contrast.png|200px|thumb|right|In its Reminders App, in 2014, Apple uses light grey text on a lighter grey background for body text.]] | [[File:Apple Reminders bad contrast.png|200px|thumb|right|In its Reminders App, in 2014, Apple uses light grey text on a lighter grey background for body text.]] | ||
===References=== | |||
"Grey Text and a White Background: What Happened to Readability of Type" by Joop Rijk. http://www.advmediaproductions.com/blog/grey-text-and-a-white-background-what-happened-to-readability-of-type/ | |||
"Contrast(Minimum): Understanding SC 1.4.3" in "Understanding Web Content Accessibility Guidelines 2.0" by W3C. http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html | |||
[[Category:Computers]] | [[Category:Computers]] | ||
Latest revision as of 09:58, 18 October 2014
Also see web design.
Readability tradition insists body text be the highest contrast on a page that includes body, headlines, and other elements. In 2014, popular computer/phone applications are reversing the rule by using black-on-white for headers but grey for body text.
References
"Grey Text and a White Background: What Happened to Readability of Type" by Joop Rijk. http://www.advmediaproductions.com/blog/grey-text-and-a-white-background-what-happened-to-readability-of-type/ "Contrast(Minimum): Understanding SC 1.4.3" in "Understanding Web Content Accessibility Guidelines 2.0" by W3C. http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
