Skip to content

Based on a list of colors you can update (in a Javascript table embedded), this page shows the level of accessibility (WCAG 2.0 AA or AAA levels) for all combinations (text vs background).

License

Notifications You must be signed in to change notification settings

jpboutherin/colors-for-all

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

alt tag

Colors for all (WCAG 2.0 color contrast matrix)

Based on a list of colors you can update (in a Javascript table embedded), this page shows the level of accessibility (WCAG 2.0 AA or AAA levels) for all combinations (text/background/font-size).

Demo

https://uid.1aipp.com/WCAG_color_matrix

Customization

To personalize this matrix, please edit "colors.js" and replace existing colors with yours (you can add as many colors as needed):

var colors = ["#0D0D0D","#1A1A1A","#262626","#333333","#454545","#6D6D6D","#959595","#BDBDBD","#DCDCDC","#E9E9E9","#F7F7F7","#FFFFFF","#005EB8","#00A9E0","#9BCAEB","#CE0058","#6F2B8D","#E95326","#AB5C00","#F7A827","#FEEB3D","#33D681","#00A34E","#00701B"];

About

Based on a list of colors you can update (in a Javascript table embedded), this page shows the level of accessibility (WCAG 2.0 AA or AAA levels) for all combinations (text vs background).

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published