Designing Accessible Components In Figma

Focused View

Tetiana Gulei

1:11:51

121 View

01 - Introduction

01 - Why does accessibility matter in Figma.mp4

00:44

02 - What are accessible components.mp4

02:41

02 - 1. Accessible Components

01 - Style your components.mp4

01:50

02 - Create your first component in Figma.mp4

04:29

03 - Create accessible buttons.mp4

08:21

04 - Create accessible icons.mp4

04:26

05 - Accessible radio buttons and checkboxes.mp4

09:34

06 - Creating an accessible image card.mp4

05:32

07 - Challenge Create accessible input fields.mp4

01:02

08 - Solution Create accessible input fields.mp4

05:25

03 - 2. Advanced Components

01 - Accessible header menus.mp4

04:36

02 - Accessible footers.mp4

06:43

03 - Figma plugins for accessibility.mp4

03:24

04 - Create a simple web page with Figma components.mp4

07:14

05 - Challenge Design a contact page.mp4

00:36

06 - Solution Design a contact page.mp4

04:20

04 - Conclusion

01 - Continue designing accessible components.mp4

00:54

Description

From toggles to tabs, accessible components need to work across multiple devices and for a wide variety of users, including ones with disabilities. Good UX designs can help users navigate more comfortably and get more value out of apps and websites. In this course, expert Tetiana Gulei guides you through why accessibility matters and how you can design accessible components in Figma. Learn how to use the pre-created color and font styles, then create your first component. Explore creating accessible buttons, icons, radio buttons, checkboxes, and image cards. Then dive into making more advanced components accessible, like header menus and footers. Find out how to use Figma plugins for accessibility and practice what you’ve learned with a simple website that uses accessible components. Plus, get Tetiana’s practical advice on growing your knowledge of Figma components and applying what you’ve learned in this course to your own design projects.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Figma

User Experience Design

User Interface

Tetiana Gulei

Instructor's Courses

I am a UX Designer who is on a mission to educate other professionals and companies about the importance of user experience. Teaching UX design and Figma UI design to designers and creatives; creating online tutorials, and courses, and running live design workshops and lectures. If you're curious to learn more about what I do: ✔️Check my website: https://startjump.webflow.io/ ✔️My Youtube channel: www.youtube.com/TetianaG Happy to connect with you if you want to discuss any UX/UI topic or ask me questions!

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.