Difference between revisions of "Contrast References"

From Make Inclusive Websites
Jump to navigation Jump to search
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 16: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

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/