Basics of Accessibility in UI Design - Color Contrast Ratios! [Figma Tutorial]

Basics of Accessibility in UI Design - Color Contrast Ratios! [Figma Tutorial]

2.1万 次观看 · 2020-04-11 UI 设计
🚀 Create an account on Mobbin for free:
https://mobbin.com/?referrer_workspace_id=84595d96-a462-44f4-a3d2-c34148889947

In this tutorial, I am going to teach you the basics of accessibility in UI design. Accessibility is a very important concept in UI design. I will be using Figma for the purpose of this tutorial. You can use any UI Design tool of your choice like Adobe XD or Sketch.

Disclaimer: Accessibility is a very big topic to talk about in the domain of design. But in this video, I talk about the basics of accessibility for UI designers only.

Dominos case study:
https://www.cnbc.com/2019/10/07/dominos-supreme-court.html

Online contrast checker:
https://webaim.org/resources/contrastchecker/

Colorbliness contrast checker:
https://whocanuse.com/
---------------------------------------­----
UI/UX Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3

Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8

Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW

Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9

Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv

eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Twitter : https://twitter.com/kvschethan
Facebook : https://facebook.com/designpilot
Mail : designpilot21@gmail.com
Portfolio : https://behance.net/chethankvs
Instagram : https://instagram.com/design_pilot
Discord: https://discord.gg/GtjBpjD
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#uidesign #uxdesign #figma