All Projects → ygev → cluse

ygev / cluse

Licence: GPL-3.0 license
Sketch Plugin to check and adjust color contrast accessibility with live preview and sliders. Endorsed by Sketch.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to cluse

sketch-wcag
A Sketch plugin that let’s you test an entire color palette against the WCAG 2.0 contrast guidelines.
Stars: ✭ 27 (-50%)
Mutual labels:  sketch-plugin, wcag, color-contrast, color-contrast-checker
accessibility-testing-tools
A collection of useful tools for accessibility testing and debugging in the browser, online and desktop
Stars: ✭ 18 (-66.67%)
Mutual labels:  accessibility, a11y, wcag, color-contrast
SAPC-APCA
APCA (Accessible Perceptual Contrast Algorithm) is a new method for predicting contrast for use in emerging web standards (WCAG 3) for determining readability contrast. APCA is derived form the SAPC (S-LUV Advanced Predictive Color) which is an accessibility-oriented color appearance model designed for self-illuminated displays.
Stars: ✭ 266 (+392.59%)
Mutual labels:  accessibility, wcag, color-contrast, color-contrast-checker
chusho
A library of bare & accessible components and tools for Vue.js 3
Stars: ✭ 47 (-12.96%)
Mutual labels:  accessibility, a11y, wcag
a11y-guidelines
アメーバアクセシビリティガイドライン
Stars: ✭ 61 (+12.96%)
Mutual labels:  accessibility, a11y, wcag
a11y-contracting
Building Accessibility Best Practices into Contracting
Stars: ✭ 43 (-20.37%)
Mutual labels:  accessibility, a11y, wcag
AccessConfig
Un sélecteur de styles, léger et open source, pour permettre aux personnes en situation de handicap d’adapter votre site à certains de leurs besoins.
Stars: ✭ 20 (-62.96%)
Mutual labels:  a11y, wcag, color-contrast
alfa
♿ Suite of open and standards-based tools for performing reliable accessibility conformance testing at scale
Stars: ✭ 75 (+38.89%)
Mutual labels:  accessibility, a11y, wcag
ckeditor4-plugin-a11ychecker
Accessibility checker for CKEditor 4
Stars: ✭ 17 (-68.52%)
Mutual labels:  accessibility, a11y, wcag
a11y-checker
Identifies accessibility issues in HTML markup.
Stars: ✭ 103 (+90.74%)
Mutual labels:  accessibility, a11y, wcag
enabler
✋ Accessibility analyzer for your frontend.
Stars: ✭ 19 (-64.81%)
Mutual labels:  accessibility, a11y, wcag
AccessSniff
Automated accessibility testing using HTML_Codesniffer (WCAG and Section508)
Stars: ✭ 84 (+55.56%)
Mutual labels:  accessibility, a11y, wcag
eufemia
DNB Design System
Stars: ✭ 38 (-29.63%)
Mutual labels:  accessibility, a11y, wcag
accessibility-ruleset-runner
eBay Accessibility Ruleset Runner automates 20% of WCAG 2.0 AA recommendations, saving time on manual testing.
Stars: ✭ 24 (-55.56%)
Mutual labels:  accessibility, a11y, wcag
dorai-ui
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
Stars: ✭ 34 (-37.04%)
Mutual labels:  accessibility, a11y
openacr
OpenACR is a digital native Accessibility Conformance Report (ACR). The initial development is based on Section 508 requirements. The main goal is to be able to compare the accessibility claims of digital products and services. A structured, self-validated, machine-readable documentation will provide for this.
Stars: ✭ 61 (+12.96%)
Mutual labels:  accessibility, a11y
sketch-translate-me
Plugin to translate Sketch files in any language
Stars: ✭ 73 (+35.19%)
Mutual labels:  sketch-plugin, sketchapp
makeup-js
Mono-repo for all vanilla JavaScript utility modules and headless ui
Stars: ✭ 28 (-48.15%)
Mutual labels:  accessibility, a11y
a11ycolor
🌈 Generate the nearest accessible color
Stars: ✭ 29 (-46.3%)
Mutual labels:  accessibility, a11y
sketchapp-json-flow-types
Flow types describing Sketch v43's JSON internal structures
Stars: ✭ 58 (+7.41%)
Mutual labels:  sketch-plugin, sketchapp

icon

Sketch Cluse

Cluse in action.

Contact Contact Contact License: GPL 3.0

Download Sketch Cluse Install Sketch Cluse on Runner Install Sketch Cluse on Sketchpacks

A Sketch plugin to check color contrast for web accessibility based on WCAG 2.0. Fitting seamlessly into your team's workflow, Cluse allows you to remotely change your design and see the updated WCAG score live.

🎤 Read my interview with Sketch's official blog about Cluse and accessibility in the design sector.

📝 Learn how Cluse was created on my website.

Installation

Manually

  1. Download the latest release
  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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].