Start Free Team Trial

Support

How can we help you?

Get answers to all your Stark-related questions with
step-by-step guides from our Support center.

Using Stark for Developers

Get your development workflow setup with tools for source control, browsers, and Figma's Dev Mode.

Stark for Developers is our first solution that’s tailored specifically to the needs of software engineers and includes:

These new developer solutions give teams a way to ensure continuous accessibility across the entire product development cycle and make Stark the only end-to-end accessibility solution from design to code. This update is jam-packed with the best end-to-end accessibility solutions for software teams.

🔐
Following the same Zero Trust Policy of all other Stark tools, our Developer integrations are enterprise-level secure, ensuring maximum privacy for our customers’ data and IP.

Stark Developer Integrations

To keep your accessibility workflow running smoothly, Stark has developer integrations for all the major source control and CI/CD integrations.

To get started:

Stark Web Dev Tools

Browser is open on a website with Stark’s extension displaying in the developer console. A Stark audit has been run with the results on the right side next to the HTML. A code snippet is highlighted both in the console and on the website.

With this update, we’re empowering developers to scan their live (or staging) site / app right in the browser’s developer console and get detailed information on any accessibility issues found. Live code highlighting makes it super easy to see exactly which part of your code needs correction, and links to the WCAG guidelines lead you right to the source to make adjustments as you code.

To get started:

  1. Open your internet browser
  2. Add Stark's extension for Chrome, Arc, Edge, and Firefox (stay tuned for more additions to this list 😉).
  3. Open the Developer Tools through cmd + i or right-clicking on your desired web page and navigating to inspect 
  4. Go to Stark Accessibility Tools
  5. Click Start Audit
  6. Select any of the instances of Violations, Potentials, and Passed items
  7. The code related to the instance selected will be highlighted live on the website as well as on the Elements tab in the Dev Tools
💜
We’re proud to announce that Stark’s WCAG Audit tool now covers 62% of the WCAG AA criteria, in practice accounting for more than 90% of all accessibility issues.

Figma Dev Mode support

Today, we’re improving designer-to-developer collaboration and hand-off even more using Figma’s new Dev Mode: All accessibility annotations made with Stark will now automatically show up in Figma’s new Dev Mode. Developers can even pick up the code snippets for annotations related to landmarks, alt-text, and headings right out of the Dev Mode sidebar in Figma.

To get started:

  1. Install the Stark for Figma plugin
  2. Add annotations to your design file
  3. Toggle the Dev Mode </> icon on the top right of Figma's toolbar
  4. Click Plugins > Stark Accessibility Tools
  5. Copy the code snippets from annotations and add them right into the relevant file

Have any questions about using Stark's developer tools? Don’t hesitate to reach out to us at support@getstark.co.

Go back to articles