Back to Plugins
Stark - Contrast & Accessibility Checker

Stark - Contrast & Accessibility Checker

Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff

contrastaccessibilitydesignscreen readercontrastinclusive designcolorwcaghandoffaccessible designdesign systemaccessiblecomponentsa11y

Plugin Preview

Stark - Contrast & Accessibility Checker preview

About this plugin

Tired of manually checking spreadsheets, messy handovers, and expensive retrofitting? The all-new Stark Suite is a powerful combination of integrated tools that help you streamline your accessibility workflow.


Now, you can create and test accessible software in record time. Whether you’re building a website, online shop, mobile app, or SaaS product, Stark gives every designer, engineer, PM, and QA expert the manual and automated tools to make it accessible with ease.


With tools like Contrast Checker, Focus Order, Alt-Text Annotations, Vision Simulator, and more all in one place, you can find accessibility issues in a design before it goes into production—or quickly analyze and fix what’s already in flight. Get started for free today!


Auto Scan and Fix with Sidekick

Designing with accessibility in mind just got ten times faster. Automatically scan your Figma files and, in only seconds, you’ll get suggestions for how to fix the accessibility issues in your design – no prior knowledge needed!


Contrast Checker with Color Suggestions

Check contrast ratios and get color suggestions to ensure your design always adheres to AA or AAA requirements. We'll even pull in local and remote library colors so you can compare with other colors in your design system.


Vision Simulator

Simulate what your design may look like for people with different types of vision, including 4 different forms of color blindness, as well as blurred vision, loss of contrast, ghosting, yellowing, and bright light simulations.


Vision Generator

Generate any simulation as a frame that lives alongside your existing design, so you can give your team a better sense of what people with different vision types might see.


Landmarks and Focus Order

Design for easy navigation with Landmarks and Focus Order, allowing anyone to experience your product with screen readers and other assistive technologies. Add notes to help your teammates during the handoff process.


Alt-Text Annotations

Get actionable suggestions when writing and testing for alt text optimized for screen reader users and even SEO ranking with search engines. We'll generate suggestions (in 5 languages!) if you're having trouble coming up with something.


Typography Analysis

Analyze the typography in your design to check that fonts and type styles are legible and readable for people with different vision types. Apply any changes to a single layer or all the layers that have the same font settings.


Touch Targets

Ensure touch targets in your mobile design and code are large enough for everyone to complete tasks with a tap.


Accessibility Notes

Make handoff a breeze by annotating your design with ARIA notes, VoiceOver, TalkBack, React Native, Narrator, and more.


Let Stark help you streamline your accessibility workflow to get your team to long-term, sustained compliance faster. Learn more about us at https://getstark.co.

Plugin Details

Version171
CreatedJuly 15, 2019
Last UpdatedApril 2, 2025
CategoryAccessibility tools
CreatorStark
Stats273568 installs, 7560 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:{"dev": "dist/dev.html", "design": "dist/design.html"}
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:3000Dev
    • https://*.getstark.co
    • https://www.getstark.co
  • Codegen Languages:
    • HTML(html)