Skip to content
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

Hand cursor / Pointer cursor on buttons #3744

Open
1 of 7 tasks
pschaub opened this issue Jan 29, 2025 · 0 comments
Open
1 of 7 tasks

Hand cursor / Pointer cursor on buttons #3744

pschaub opened this issue Jan 29, 2025 · 0 comments
Labels
👩‍👧‍👦community feedback Feedback from community ❓question Further information is requested

Comments

@pschaub
Copy link

pschaub commented Jan 29, 2025

Which generators are impacted?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

Hello DB UI Team,
is it an expected behaviour or a bug that a pointer cursor is displayed on buttons by DB UI Mono?

In the ‘old’ DB UI Core, it was documented that the pointer cursor was deliberately omitted at the time:

"Hand" cursor / pointer
We don't use the "hand" cursor / pointer for our buttons, as this is reserved for links even only; for more information have a look at articles like https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b and https://hiddedevries.nl/en/blog/2016-08-06-some-pointers-on-default-cursors or people who thought this through like https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default#105027 or necolas/normalize.css#371 (comment) and the UI guidelines from Apple, Microsoft, Google, etc.
Microsoft’s design guides talk about weak affordance:
Text and graphics links use a hand […] pointer […] because of their weak affordance. While links may have other visual clues to indicate that they are links (such as underlines and special placement), displaying the hand pointer on hover is the definitive indication of a link. To avoid confusion, it is imperative not to use the hand pointer for other purposes. For example, command buttons already have a strong affordance, so they don’t need a hand pointer. The hand pointer must mean “this target is a link” and nothing else.
Apple’s Human Interface Guidelines states that the hand cursor should be used when “the content is a URL link”.
W3C User Interface guidelines says the same thing again with “The cursor is a pointer that indicates a link”.

Source: https://db-ui.github.io/core/?p=viewall-elements-buttons

Has this been deliberately changed in DB UI Mono? What is the current status on whether a pointer cursor should be used on buttons or not?

I would be pleased if this is well documented if a decision is made against a pointer cursor on buttons. Many developers initially assume that the pointer cursor is desired because it is familiar from many websites. However, I also understand if this is a ‘copy-paste’ phenomenon.

Expected Behaviour

TBD

Screenshots

No response

Browser version

None

Add any other context about the problem here.

No response

@pschaub pschaub changed the title Hand cursor on buttons Hand cursor / Pointer cursor on buttons Jan 29, 2025
@mfranzke mfranzke transferred this issue from db-ui/mono Jan 29, 2025
@mfranzke mfranzke transferred this issue from db-ui/design-feedback Jan 29, 2025
@mfranzke mfranzke added 👩‍👧‍👦community feedback Feedback from community ❓question Further information is requested Assessment and removed Assessment labels Jan 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
👩‍👧‍👦community feedback Feedback from community ❓question Further information is requested
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants