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 Headings tool

Using the Headings tool - Stark Tutorial

From the course: Using Stark for Accessible Design Projects

Start my 1-month free trial Buy for my team

Using the Headings tool

“

- [Instructor] The final tool in the Stark web tools lineup is the Headings tool. Its purpose is to show you the text hierarchy in your page, H1, H2, H3, whatever. This tool scoots through the HTML, identifies the headings and shows you where they are. The advantage to you as a designer is to see if the headings have been applied as expected. It also provides you with an opportunity to make some decisions. And let's see what I'm talking about. So, I'm going to select the Headings tool, and you can see that all the headings are annotated. And I've got the word DELICATE here, and I'm trying to figure out, well, is it this delicate or that delicate? Well, you kind of know it's that, but if there's confusion, you just select it and you can see that it sort of gets bigger and is brought to your attention. And you'll notice it has an H3 attribute, and you may decide, okay, fine. Maybe you want to bump it up to an H2, your call. Now for Premium Quality Olive Oils right there, you may decide…

Contents