New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ActionList: Add guidelines for disabled items and how to hint why they are disabled #259

Open

maximedegreve opened this issue Apr 12, 2022 · 0 comments

Labels

area: design area: documentation

Contributor

maximedegreve commented Apr 12, 2022

Our ActionList guidelines already provides a lot of good information on how to use it but I've spotted one use case that's missing.

Currently there are no examples of disabled states as well as no pattern for letting the user know why an item is disabled.

Action

Add screenshots of disabled items
Provide a pattern for hinting why something is disabled
Ensure the above pattern works with screen readers (accessibility)

Examples of what designers have come up with in the past:

maximedegreve added area: documentation area: design labels

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment