From the course: Using Stark for Accessible Design Projects

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Using the Stark Web tools through a browser's Inspect panel

Using the Stark Web tools through a browser's Inspect panel - Stark Tutorial

From the course: Using Stark for Accessible Design Projects

Start my 1-month free trial Buy for my team

Using the Stark Web tools through a browser's Inspect panel

“

- [Instructor] In this video, we're going to look at another tool developers will find to be very handy. As you may or may not know, developers tend to open a site and inspect the code right in the browser. Now, not only can developers inspect the code right in the browser, they can also launch Stark in the inspect panel and not only see where the issues are found in the design, but also in the code block in question. Here's how. I have the Explore California site open here in Chrome, and if I right click on the page and choose Inspect, I can see the design over here, and of course the code is over there. To run this through Stark, what I do is I come over here to this forward icon, click it, choose the Stark accessibility tools, and you can see that it opens up an audit. So the first thing I want to do, of course, is start the audit. And if I go through the report, I can see all the violations, and if I click on a violation, you can see it highlights the code block or the line of…

Contents