https://github.com/ygev/cluse

Sketch Plugin to check and adjust color contrast accessibility with live preview and sliders. Endorsed by Sketch.
https://github.com/ygev/cluse

a11y accessibility color-contrast color-contrast-checker sketch-plugin sketchapp wcag

Last synced: 6 days ago
JSON representation

Sketch Plugin to check and adjust color contrast accessibility with live preview and sliders. Endorsed by Sketch.

• Host: GitHub
• URL: https://github.com/ygev/cluse
• Owner: ygev
• License: gpl-3.0
• Created: 2019-10-12T18:36:28.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-06-09T20:08:32.000Z (over 4 years ago)
• Last Synced: 2024-08-01T21:47:55.952Z (3 months ago)
• Topics: a11y, accessibility, color-contrast, color-contrast-checker, sketch-plugin, sketchapp, wcag
• Language: JavaScript
• Homepage: https://cluse.cc/
• Size: 13 MB
• Stars: 59
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  




  
Sketch Cluse

 


  



  


    

      

    

    

      

    



      

    

    

      

    

  




    

        

    

    

        

    

    

        

    



# 

A Sketch plugin to check color contrast for web accessibility based on [WCAG 2.0](https://www.w3.org/TR/WCAG20/). Fitting seamlessly into your team's workflow, [Cluse](https://cluse.cc) allows you to remotely change your design and see the updated WCAG score live. 

**🎤 Read my [interview](https://blog.sketchapp.com/accessible-design-in-conversation-with-cluse-developer-yana-gevorgyan-38558381eb4b) with Sketch's official blog about Cluse and accessibility in the design sector.**

**📝 Learn how Cluse was created on [my website](https://yg.is/cluse).**

## Installation

### Manually

1.  Download the [latest release](https://github.com/ygev/cluse/releases/download/v1.1.0/Cluse.sketchplugin.zip)

2.  Open `Cluse.sketchplugin`

## Usage

  

1.  Select two layers you want to check.

2.  Launch `Plugins › 🔹Cluse` or press  `⌘`+ `⇧ Shift` + `C`

3.  Adjust your colors using the sliders until you pass WCAG!



Cluse is available under the GPL 3.0 license. See the LICENSE file for more info.