Start Free 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 for Github

📝
Each report is categorized based on the WCAG success criteria just the way you’re used to from the WCAG audit tool in the Stark browser extensions.

To get started:

  1. Log into your Stark account
  2. Click Create a Project
  3. Choose your Project Location: Team or Private
  4. Scroll to Import Github Repository and follow the instructions shown to install Stark’s Github app
  5. Select which repository you want Stark to scan for accessibility issues
  6. You can now run your first scan! 🎉
❗️
If the chosen repository was not set up correctly Stark won’t be able to scan it. Follow the Learn more link in Stark’s Web App in order to set up your repository for Stark to scan your repositories. 

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
📝
Customers on a Stark Team or Enterprise plan can access all new features today, including connecting Github repos to projects, using the brand-new Stark Web Dev tools with code-highlighting and downloadable reports, Stark annotations and code snippets in Figma’s Dev Mode, and more. 

Users on the Stark Starter plan will be able to access Stark in Figma’s Dev Mode as well as use Stark’s Web Dev tools to scan web pages.

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