Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Accessibility and Inclusion with Figma

via LinkedIn Learning

Write review

No Longer Offered

Details

No Longer Offered

Provider

LinkedIn Learning
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Effort

1 hour 40 minutes
Sessions

No Longer Offered
Level

Beginner

Found in

Part of

Design User Experiences with Figma

Coursera

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Boot.dev

Learn Backend Development Part-Time, Online

Overview

Google, IBM & Meta Certificates – 40% Off

One Coursera Plus subscription covers most Professional Certificates on Coursera.

Unlock All Certificates

Get an overview of the plugins and utilities for Figma that can help UX designers be more inclusive and accessible with their design work.

Syllabus

Introduction

Figma accessibility plugins

1. Stark

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

2. Adee

Installing Adee
Using Adee’s contrast checker
Using the alt text generator
Using Adee’s color blindness simulator
Checking touch sizes

3. Contrast Checkers

Installing Able and Ally
Checking color contrast with Able
Checking color contrast with Ally

4. Humaaans

Inclusion
Using Humaaans with Figma
Create an onboarding frame
Persona

5. Lokalise

An overview of Lokalise
Changing text to French

6. Inclusivity Sources

An overview of inclusive design in Microsoft
Cards for Humanity

Taking Accessibilty and Inclusivity Forward

Next steps for accessible, inclusive design

Taught by

Tom Green

Reviews

4.5 rating at LinkedIn Learning based on 128 ratings

Start your review of Accessibility and Inclusion with Figma