Landmarks
By annotating each section of your design with the appropriate label, Landmarks in Stark help you outline the structure of your website or app. Adding visibility with clear and concise landmark annotations ensures that developers won’t have to approximate where they should be included in code.
With Landmarks, people using assistive technologies–like screen readers and keyboards—can quickly navigate to the sections of your page that are most important to them. This means they don’t have to waste time tabbing through all the focusable elements on your page.
In this video, we provide a detailed walkthrough of how to use Landmarks in Stark. We showcase how to add Landmarks to the different sections of your designs and why this is important.
For more information about Landmarks and the full suite of Stark's accessibility tools, check out these resources:
→ Using Landmarks: https://www.getstark.co/support/getti...
→ Getting Started using Stark: https://www.getstark.co/support/getti...
Download Stark for Figma, Sketch, and Adobe XD:
→ https://www.getstark.co
Follow Stark:
→ / getstarkco
→ / getstarkco
→ https://www.getstark.co/slack
Contact us at:
→ [email protected]
#accessibility #a11y #Landmarks #design #wcag #screenreader #asssitivetechnology