Difference between revisions of "Contrast References"
| Line 1: | Line 1: | ||
{{References | {{References | ||
|headline1=General | |headline1=General | ||
| − | Contrast minimum | + | |coordhead1=350.147, 32.445, 0.000 |
| − | 3WC - Web Accessibility Initiative | + | |references1= |
| − | https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html | + | Contrast minimum; |
| − | Provide sufficient contrast between foreground and background | + | 3WC - Web Accessibility Initiative; |
| − | 3WC - Web Accessibility Initiative | + | https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html; |
| − | https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background | + | Provide sufficient contrast between foreground and background; |
| − | Contrast calculator | + | 3WC - Web Accessibility Initiative; |
| − | Calculating and testing easily accessible colour combinations | + | https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background; |
| − | https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php | + | Contrast calculator; |
| − | Contrast Ratio | + | Calculating and testing easily accessible colour combinations; |
| − | Contrast ratio calculator and checker | + | https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php; |
| − | https://contrast-ratio.com | + | Contrast Ratio; |
| − | Color Tool | + | Contrast ratio calculator and checker; |
| − | Create, share, and apply color palettes and measure the accessibility level of any color combination | + | https://contrast-ratio.com; |
| − | https://material.io/resources/color/ | + | Color Tool; |
| − | Tanaguru Contrast Finder | + | Create, share, and apply color palettes and measure the accessibility level of any color combination; |
| − | Checks and finds good contrast between two colors | + | https://material.io/resources/color/; |
| − | https://contrast-finder.tanaguru.com/ | + | Tanaguru Contrast Finder; |
| − | No Coffee - Vision Simulator for Chrome | + | Checks and finds good contrast between two colors; |
| − | Simulates slight to extreme vision problems in the browser | + | https://contrast-finder.tanaguru.com/; |
| − | https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl | + | No Coffee - Vision Simulator for Chrome; |
| − | Guide: Colours and contrast | + | Simulates slight to extreme vision problems in the browser; |
| − | Accessibility Developer Guide | + | https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl; |
| − | https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/ | + | Guide: Colours and contrast; |
| − | Article: Color and contrast accessibility | + | Accessibility Developer Guide; |
| − | Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson | + | https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/; |
| − | https://web.dev/color-and-contrast-accessibility/ | + | Article: Color and contrast accessibility; |
| + | Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson; | ||
| + | https://web.dev/color-and-contrast-accessibility/; | ||
Color Contrast Accessibility Validator; | Color Contrast Accessibility Validator; | ||
Free color contrast analysis tools for web pages or color-pairs; | Free color contrast analysis tools for web pages or color-pairs; | ||
| Line 43: | Line 45: | ||
GOV.UK - Accessibility in government; | GOV.UK - Accessibility in government; | ||
https://accessibility.blog.gov.uk/2016/06/17/colour-contrast-why-does-it-matter/; | https://accessibility.blog.gov.uk/2016/06/17/colour-contrast-why-does-it-matter/; | ||
| − | + | ||
| − | |||
|headline2= | |headline2= | ||
|coordhead2= | |coordhead2= | ||
Revision as of 10:45, 27 April 2021
| headline 1 | General |
|---|---|
| headline 1 coordinates | 350.147, 32.445, 0.000 |
| references 1 | 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/; Color Contrast Accessibility Validator; Free color contrast analysis tools for web pages or color-pairs; https://color.a11y.com/?boia; Colortester; Software that assesses if a website meets the WCAG 2.0 color contrast success criteria; https://alfasado.net/apps/colortester.html; Contrast; A macOS app for quick access to WCAG color contrast ratios; https://usecontrast.com/; Color Safe; Accessible color palettes based on WCAG Guidelines of text and background contrast ratios; http://colorsafe.co/; Colour contrast - why does it matter; GOV.UK - Accessibility in government; https://accessibility.blog.gov.uk/2016/06/17/colour-contrast-why-does-it-matter/; |
| 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 | Color_References |
| 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
https://web.dev/color-and-contrast-accessibility/
Color Contrast Accessibility Validator
Free color contrast analysis tools for web pages or color-pairs
Colortester
Software that assesses if a website meets the WCAG 2.0 color contrast success criteria
https://alfasado.net/apps/colortester.html
Contrast
A macOS app for quick access to WCAG color contrast ratios
Color Safe
Accessible color palettes based on WCAG Guidelines of text and background contrast ratios
Colour contrast - why does it matter?
GOV.UK - Accessibility in government
https://accessibility.blog.gov.uk/2016/06/17/colour-contrast-why-does-it-matter/