...
Make sure the text is readable by carefully selecting font, color colour and font size. To improve readability, users might want to increase font size. Make sure the text can be enlarged using the browser zoom or the features of the mobile device without losing information.
...
- Small text and images of text should have a contrast ratio of at least. 4,5:1 against its background.
- Large text (at 14 pt. bold or 18 pt. regular and up) should have a contrast ratio of at least 3:1 against its background.
- Incidental text or images pure for decoration or logotypes that are part of a logo or brand name have no such contrast requirements.
To check the requirements, you can use color colour contrast analyzer analyser tools such as:
- Color Colour contrast analyzeranalyser: https://developer.paciellogroup.com/resources/contrastanalyser/
- Tanaguru contrast finder: http://contrast-finder.tanaguru.com/ of https://addons.mozilla.org/en-US/firefox/addon/tanaguru-contrast-finder/
- Extensie Google Chrome: https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb
For info about why contrast matters: http://contrastrebellion.com/
Use of
...
colour
Don’t use only color colour to convey information. When color colour is used to convey information (for example on a map of in a diagram), include another way to convey the information : textual labels, patterns, icons etc.
To understand more about color colour blindness: http://wearecolorblind.com/
...