Get an overview of the plugins and utilities for Figma that can help UX designers be more inclusive and accessible with their design work.
Overview
Syllabus
Introduction
- Figma accessibility plugins
- Accessibility
- Installing the Stark plugin for Figma
- Using Stark’s contrast checker
- Using Stark’s typography checker
- Reviewing alt text
- Correct focus order
- Using Stark’s vision simulator
- Touch targets
- Adding landmarks
- Add Aria notes
- Using Sidekick
- The Stark accessibility checklist widget
- Installing Adee
- Using Adee’s contrast checker
- Using the alt text generator
- Using Adee’s color blindness simulator
- Checking touch sizes
- Installing Able and Ally
- Checking color contrast with Able
- Checking color contrast with Ally
- Inclusion
- Using Humaaans with Figma
- Create an onboarding frame
- Persona
- An overview of Lokalise
- Changing text to French
- An overview of inclusive design in Microsoft
- Cards for Humanity
- Next steps for accessible, inclusive design
Taught by
Tom Green