Difference between revisions of "Contrast References"
Line 34: | Line 34: | ||
https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php | https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php | ||
+ | |||
+ | ===Contrast Ratio=== | ||
+ | Contrast ratio calculator and checker | ||
+ | |||
+ | https://contrast-ratio.com | ||
+ | |||
+ | ===Color Tool=== | ||
+ | Create, share, and apply color palettes and measure the accessibility level of any color combination | ||
+ | |||
+ | https://material.io/resources/color/ | ||
+ | |||
+ | ===Tanaguru Contrast Finder=== | ||
+ | Checks and finds good contrast between two colors | ||
+ | |||
+ | https://contrast-finder.tanaguru.com/ | ||
+ | |||
+ | ===No Coffee - Vision Simulator for Chrome=== | ||
+ | Simulates slight to extreme vision problems in the browser | ||
+ | |||
+ | https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl | ||
===Guide: Colours and contrast=== | ===Guide: Colours and contrast=== |
Revision as of 15:56, 4 April 2021
headline 1 | General |
---|---|
headline 1 coordinates | |
references 1 | |
headline 2 | |
headline 2 coordinates | |
references 2 | |
headline 3 | |
headline 3 coordinates | |
references 3 | |
headline 4 | |
headline 4 coordinates | |
references 4 | |
headline 5 | |
headline 5 coordinates | |
references 5 | |
links to | |
belongs to | Contrast |
contains |
General
Contrast minimum
3WC - Web Accessibility Initiative
https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
Provide sufficient contrast between foreground and background
3WC - Web Accessibility Initiative
https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background
Contrast calculator
Calculating and testing easily accessible colour combinations
https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php
Contrast Ratio
Contrast ratio calculator and checker
Color Tool
Create, share, and apply color palettes and measure the accessibility level of any color combination
https://material.io/resources/color/
Tanaguru Contrast Finder
Checks and finds good contrast between two colors
https://contrast-finder.tanaguru.com/
No Coffee - Vision Simulator for Chrome
Simulates slight to extreme vision problems in the browser
https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl
Guide: Colours and contrast
Accessibility Developer Guide
https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/
Article: Color and contrast accessibility
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson