Stark - Contrast & Accessibility Checker

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 SidekickDesigning 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 SuggestionsCheck 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 SimulatorSimulate 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 GeneratorGenerate 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 OrderDesign 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 AnnotationsGet 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 AnalysisAnalyze 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 TargetsEnsure touch targets in your mobile design and code are large enough for everyone to complete tasks with a tap.Accessibility NotesMake 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.