Skip to content

eaugustine/Sketch-Color-Contrast-Analyzer

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 

Color Contrast Analyzer for Sketch

This Sketch plugin is based on Florian Schulz's [Color Contrast Analyser] (https://github.com/getflourish/Sketch-Color-Contrast-Analyser). It calculates the color contrast of two layers and evaluates them against MCOE's guidelines. If only a single layer is selected, than it will calculate with its artboard background color. The test may pass or fail because of a lack of contrast. When you do not need to meet the requirements, you see the actual ratio so you know how far off you are. This might help you design accessible content.

<img src="./Sketch-Color-Contrast.png" width="450px" alt="Sketch Color Contrast"" />

MCOE requirements

Color contrast of 6:1 or 4:1 for large text

AA requirements

Color contrast of 4.5:1 or 3.0:1 for large text

AAA requirements

Color contrast of 7.0:1 or 4.5:1 for large text.

##Notes

About

A Sketch plugin that calculates the color contrast of two layers and evaluates them against MCOE's guidelines.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published