Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Plugin 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
Version | 171 |
---|---|
Created | July 15, 2019 |
Last Updated | April 2, 2025 |
Category | Accessibility tools |
Creator | Stark |
Stats | 273568 installs, 7560 likes |
Pricing | Free |
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)
More Like This
Discover other plugins in the Accessibility tools category.