🧰 Building inclusive disabled buttons (#59)

September 15, 2021

Happy Wednesday!

Are you looking to interview great candidates for design systems roles? I'll be sending out more job opportunities tomorrow! Post a job, and get your job description in front of 300+ experienced design systems designers, devs, and product managers.


Building accessible, useful, and ergonomic forms is a major challenge facing UX designers and frontend engineers.

The disabled button is a common symbol that we use to convey whether the data a user has submitted meets a form's constraints and requirements. When done well, enabling and disabling a button can provide useful feedback to a user. Unfortunately, it can also create confusion for users when not executed well.

This week, I read a fantastic post about this topic and I'd encourage you to read it as well: Frustrating Design Patterns: Disabled Buttons. It's a long read, so take a moment, pour some coffee/matcha/tea/wine/bourbon/kombucha, and enjoy!

Talk soon,

Mae

Do you want design systems tips and tricks sent to your inbox?