Difference between revisions of "Contrast References"
| Line 1: | Line 1: | ||
{{References | {{References | ||
|headline1=General | |headline1=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 | ||
| + | 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 | ||
| + | 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 | ||
| + | https://web.dev/color-and-contrast-accessibility/ | ||
|coord_head1=350.147, 32.445, 0.000 | |coord_head1=350.147, 32.445, 0.000 | ||
|references1= | |references1= | ||
Revision as of 16:57, 4 April 2021
| headline 1 | 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 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 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 https://web.dev/color-and-contrast-accessibility/ |
|---|---|
| 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