Accessible Design in Figma: Beyond the Basics
Looking to become an expert UX designer? UI Designer? Product Designer? Then you need to understand what goes into accessible design! This video will go beyond the basics of accessible design in Figma. You'll learn advanced techniques and best practices to create truly inclusive user interfaces that cater to diverse needs.
GENERAL LINKS
Ask the community and build a profile: https://uicollective.co/
We build design systems! Work with me: https://designsystemlabs.co/
Connect with me on LinkedIn: / kirk-mcneill-km
Support UI Collective & buy a laptop sticker: https://store.uicollective.co/
All Resources: https://uicollective.co/designer-tool...
OTHER LINKS
Build a Design System Episode 1: • Build a Design System! Ep. 1: Figma T...
Web Accessibility Annotation Kit: https://www.figma.com/community/file/...
My favourite Figma kit: Untitled UI: https://www.untitledui.com?aff=bdzGd
Funkify (As seen in the video): https://www.funkify.org/
0:00 An Introduction
1:43 Testing for different disabilities
5:46 Accomodating for different disabilites
9:08 Screenreader demo
13:43 H-tag Annotations
16:27 Reading Order Annotations
19:52 Tab Order Annotations
22:09 Landmark Annotations
#uxdesign #uidesign #figma
