-
Notifications
You must be signed in to change notification settings - Fork 2
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.
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
Alternative button styles #154
Comments
@armstrongb thanks! Was it previously black text on the same grey? Did you find a lot of users thinking it was disabled in research? |
@joelanman the black didn't even get as far as formal research, we did some local pop-up testing and it was a high proportion of users that found the blue cognitively faster to use; and as it was a harmonious fit between button and links as a group of interactions we didn't undertake further research. |
We have moved this to the 'To do' column of the community backlog as this work is likely to be needed by other components like Filter a list and Edit a list. |
Draft contribution in progress - alphagov/govuk-frontend#1207 |
Working Group ReviewA proposal to add secondary and warning buttons to the Design System was reviewed by the Design System working group–a panel of designers from GDS, HMRC, HMCTS, DWP, EA and Home Office on 28 March 2019. Review outcomesThe group agreed that the alternative button styles should be published in the GOV.UK Design System. They also made the following recommendations: Design
Guidance
Research
The Design System team will aim to address as many of the recommendations as possible before publishing. |
Further to @edwardhorsford's comment on the button contrast, would we consider darkening the govuk-colour("green") from #00703c to #006636? We had some instances of the button font being smaller than 19px which was making the button harder to read for some users. That tweak would hit AAA contrast for normal text on a button and nudge the design system a bit closer to AAA. If this was accepted then we would probably want to alter the hover background colour as well, but I think the underline we already have would serve as the non-colour designator. |
Hi @titlescreen thanks for your comment and sorry it took so long to reply We’ve already darkened the green once, and we’re trying to avoid everything tending towards black over time. That can happen if you make lots of isolated contrast improvements without keeping an eye on the overall palette. There's a blog post that covers our reasoning for the overall colour changes in more detail. I'd be interested to hear more about the user need that led to changing some button text to 16px – it's not something we currently recommend. |
What
Alternatives to the default green button style.
Why
There is sometimes a need to differentiate between buttons. For example, where there are multiple buttons on a page and some need greater or less prominence than others.
Alternative button styles have been observed in multiple government services.
Working group review, March 2019
Styles for 'secondary' and 'destructive' buttons were contributed to the GOV.UK Design System by the Design System team on 13 March 2019.
Preview this contribution
The team also considered contributing 'quiet' and 'link' styled buttons, but decided that there was not yet sufficient evidence that they were widely needed (in the case of 'quiet' buttons) or could be made accessible (in the case of 'link' buttons).
Anything else
The text was updated successfully, but these errors were encountered: