Using Stark for Accessible Design Projects

1h 4mIntermediate2024-07-15

Authors

Tom Green

Teacher, Author, Professor

Course details

In this course, expert Tom Green introduces designers and visual professionals to Stark, a utility for checking the accessibility compliance of design projects. Explore the basics of the Stark application and the WCAG 2 accessibility guidelines. Learn how to test your designs for visual and functional accessibility, and find out how to use the AI sidekick to help prepare your designs for being built and launched in the most accessible manner possible.

Learning objectives
Understand the basics of Stark and the WCAG 2 accessibility guidelines.
Be able to check for focus, contrast, and address other visual A11Y concerns.
Check for touch target zones and tab order for more accessible navigation.
Annotate Stark reports for further development.
Use Stark Sidekick and help your work with generative AI features.

Skills covered

StarkStark Lab Inc.AccessibilityDiversity, Equity, and Inclusion (DEI)User ExperienceProject

Concepts

0. Introduction

01 - Accessible design with Stark
02 - Software changes

1. Installing the Stark Web Tools

03 - Install the Stark browser extension
04 - What are the WCAG 2.0 guidelines

2. Using Stark

05 - Conducting a WCAG audit
06 - Using the contrast checker
07 - Using the type checker
08 - Using the ALT text tool
09 - Checking touch targets
10 - Setting and correcting focus order
11 - Stark Landmarks
12 - Using the Vision Simulator
13 - Using the Headings tool
14 - Using Sidekick
15 - Automatic monitoring

3. Stark for Teams and Enterprises

16 - Using the Stark dashboard
17 - Connecting to GitHub
18 - Connecting to a URL
19 - Connecting to Figma
20 - Stark Compliance Center overview
21 - Using the Stark Web tools through a browser's Inspect panel

Conclusion

22 - Next steps