Difference between revisions of "Contrast References"

From Make Inclusive Websites
Jump to navigation Jump to search
Line 43: Line 43:
 
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/;
|coord_head1=350.147, 32.445, 0.000  
+
|coordhead1=350.147, 32.445, 0.000  
 
|references1=
 
|references1=
 
|headline2=
 
|headline2=
|coord_head2=
+
|coordhead2=
 
|references2=
 
|references2=
 
|headline3=
 
|headline3=
|coord_head3=
+
|coordhead3=
 
|references3=
 
|references3=
 
|headline4=
 
|headline4=
|coord_head4=
+
|coordhead4=
 
|references4=
 
|references4=
 
|headline5=
 
|headline5=
|coord_head5=
+
|coordhead5=
 
|references5=
 
|references5=
 
|linksto=Color_References
 
|linksto=Color_References

Revision as of 17:47, 26 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/ 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 1 coordinates 350.147, 32.445, 0.000
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 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

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/