Editing Contrast References

Jump to navigation Jump to search

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.

Latest revision Your text
Line 1: Line 1:
 
{{References
 
{{References
 
|headline1=General
 
|headline1=General
|coordhead1=333.000, 0.000, 0.000
+
|coord_head1=350.147, 32.445, 0.000  
 
|references1=
 
|references1=
Contrast minimum;
 
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
 
https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html;
 
Provide sufficient contrast between foreground and background;
 
Tips for Getting Started - 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;
 
Leserlich - German Federation of the Blind and Partially Sighted;
 
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 Firefox;
 
Simulates slight to extreme vision problems;
 
https://addons.mozilla.org/en-US/firefox/addon/nocoffee/;
 
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 - Google Developers;
 
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;
 
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/
 
 
|headline2=
 
|headline2=
|coordhead2=
+
|coord_head2=
 
|references2=
 
|references2=
 
|headline3=
 
|headline3=
|coordhead3=
+
|coord_head3=
 
|references3=
 
|references3=
 
|headline4=
 
|headline4=
|coordhead4=
+
|coord_head4=
 
|references4=
 
|references4=
 
|headline5=
 
|headline5=
|coordhead5=
+
|coord_head5=
 
|references5=
 
|references5=
|linksto=Color_References
+
|linksto=
 
|belongsto=Contrast
 
|belongsto=Contrast
 
|contains=
 
|contains=
Line 63: Line 21:
 
==General==
 
==General==
 
===Contrast minimum===
 
===Contrast minimum===
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
+
3WC - Web Accessibility Initiative
  
 
https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
 
https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
  
 
===Provide sufficient contrast between foreground and background===
 
===Provide sufficient contrast between foreground and background===
Tips for Getting Started - 3WC Web Accessibility Initiative
+
3WC - Web Accessibility Initiative  
  
 
https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background
 
https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background
  
===Contrast calculator: Calculating and testing easily accessible colour combinations===
+
===Contrast calculator===
Leserlich - German Federation of the Blind and Partially Sighted
+
Calculating and testing easily accessible colour combinations
  
 
https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php
 
https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php
  
===Contrast Ratio===
+
===Guide: Colours and contrast===
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 Firefox===
 
Simulates slight to extreme vision problems
 
 
 
https://addons.mozilla.org/en-US/firefox/addon/nocoffee/
 
 
 
===Colors and contrast===
 
 
Accessibility Developer Guide
 
Accessibility Developer Guide
  
 
https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/
 
https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/
  
===Color and contrast accessibility===
+
===Article: Color and contrast accessibility===
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Devolopers
+
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson
  
 
https://web.dev/color-and-contrast-accessibility/
 
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===
 
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/
 

Please note that all contributions to Make Inclusive Websites may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see Make Inclusive Websites:Copyrights for details). Do not submit copyrighted work without permission!

Cancel Editing help (opens in new window)

Template used on this page: