dai11y 19/03/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Disabled buttons don’t have to suck

Text "local pickup" next to disabled button "Schedule a pickup" is considered inaccessible. Provide context such as "To schedule a pickup, set up your business address"
Credit: Justine Win.
  • Product designer Justine Win describes three alternatives to using disabled buttons, which can otherwise lead to a confusing experience (“Why can’t I click this?”):
    1. Only show what’s actionable (i.e. don’t show the button in the first place)
    2. Provide context (i.e. show the disabled button, but pairing it with additional information – see screenshot above)
    3. Enable the button by default, then show error as needed. For example, a login form where the login button is enabled, but if you don’t fill in the username or password field, a validation error is shown.

Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.

Loading...