-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Elements: Buttons: Style the cursor for all button elements #42102
Conversation
Size Change: +23 B (0%) Total Size: 1.25 MB
ℹ️ View Unchanged
|
I don't know if we should have this on button elements. |
Should we remove this from other elements then? |
I cite a few quotes from the linked article and add a few counterarguments below:
It's curious that despite the article citing Microsoft and Apple design guidelines, both companies' websites do heavy use of the The buttons of these cited websites seem to be very close to a canonical version of how a button looks and, despite that, they are using
Navigating the Apple website you could see other cases where no navigation elements, for example, slider menu toggles, are not following these guidelines either. The same goes for other mainstream websites on the internet: Facebook, Amazon, Twitter, Google, etc.
I tend to believe that the major companies on the internet set up more in-deep tests with real users than the article's author, and the results were in the direction of continuing using the pointer cursor. My conclusion: The usage and the perception of a feature can be very different from what a set of designers or standard authors thought at the time of building it. The meaning of words is not always what the dictionary established and I think the same happens with visual language. For these reasons, in my opinion, we should continue using the cursor pointer on buttons as we currently do with other WordPress button elements. |
For now let's go with this for the sake of consistency and backwards compatibility. If we change it then at least we can update all buttons at once. |
What?
Adds cursor: pointer to all button elements.
An alternative to #42099
Why?
So we can have consistent cursor rules for all button elements.
How?
Creates a new
elements
stylesheet in the block library package.Testing Instructions
Screenshots or screencast
I couldn't work out how to take screenshots while showing the cursor!