From the course: Using Stark for Accessible Design Projects

Unlock the full course today

Join today to access over 23,200 courses taught by industry experts.

Stark Landmarks

Stark Landmarks - Stark Tutorial

From the course: Using Stark for Accessible Design Projects

Start my 1-month free trial Buy for my team

Stark Landmarks

“

- [Narrator] In this exercise, we're going to use the landmarks tool to find a page's landmarks and decide if they follow a logical flow. What landmarks do is to annotate each section of the design with the appropriate label. The benefit to adding landmarks is to make your developer's life easier because your developer is not put into the frustrating situation of guessing word landmarks and their appropriate attributes are to be placed in the HTML. Even more important than the developer, landmarks permit users who use screen readers to navigate through a page or screen. Nothing is more frustrating to those users than to be constantly tapping through all of the various elements before reaching what they are looking for. And if I run the Landmarks tool, you can see the page is broken into a number of landmarks. These landmarks are labels that can be added using the Stark plugin for Figma. Screen readers use landmarks to get around inside pages that are longer complex. They also define…

Contents