Skip to content
master
Go to file
Code
This branch is 5 commits ahead of auxdesigner:master.

Latest commit

 

Git stats

Files

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

Readme.md

Color Contrast Analyser for Sketch

alt tag


A Sketch plugin that calculates the color contrast of two layers and evaluates it against the WCAG. The test may pass AAA, AA or fail because of a lack of contrast. And even when you do not need to meet those requirements, you can get a feeling for the contrast when you get used to the values. This might help you design accessible content.

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

(Large text means regular text larger than 18pt or bold text larger than 14pt)

Read more about the Web Content Accessibility Guidelines 2.0 http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-contrast

Based on the algorithms described here: http://gmazzocato.altervista.org/colorwheel/algo.php

Changelog

This is a fork from https://github.com/auxdesigner/Sketch-Color-Contrast-Analyser with the following small updates:

  • Added hotkey support (edit manifest.json to change hotkey)
  • Added icons in result messaging

About

A Sketch plugin that calculates the color contrast of two selected layers and evaluates it against the WCAG2.0

Resources

Releases

No releases published
You can’t perform that action at this time.