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

Incorrect cursor style in Tabs example #2951

Closed
ryo-manba opened this issue Mar 1, 2024 · 3 comments
Closed

Incorrect cursor style in Tabs example #2951

ryo-manba opened this issue Mar 1, 2024 · 3 comments
Assignees
Labels
Example Page Related to a page containing an example implementation of a pattern Feedback Issue raised by or for collecting input from people outside APG task force question Issue asking a question

Comments

@ryo-manba
Copy link

ryo-manba commented Mar 1, 2024

In the Example of Tabs with Automatic Activation, the tabs are styled with cursor: pointer. However, according to the CSS2 spec, the pointer cursor indicates a link, but tabs are not links. It suggests cursor: default is more suitable for non-link tab elements.

References:

@mcking65 mcking65 added Example Page Related to a page containing an example implementation of a pattern Feedback Issue raised by or for collecting input from people outside APG task force labels Mar 12, 2024
@mcking65 mcking65 self-assigned this Mar 12, 2024
@css-meeting-bot
Copy link
Member

The ARIA Authoring Practices (APG) Task Force just discussed Correct CSS cursor property for tabs.

The full IRC log of that discussion <jugglinmike> Topic: Correct CSS cursor property for tabs
<jugglinmike> github: https://github.com//issues/2951
<jugglinmike> Matt_King: This person is referencing the CSS specification
<jugglinmike> jongund: MDN says that the "pointing hand" image indicates a link
<jugglinmike> jongund: But there's nothing for buttons or forum controls
<jugglinmike> jongund: I would check with James on this because he's the one who suggested we adopt "cursor"
<jugglinmike> jugglinmike: The referenced spec is outdated, and it's not clear that the text is normative
<jugglinmike> Matt_King: It sounds like the consensus of the group is that we don't believe the proposed change is justified by the referenced specification.
<jugglinmike> Matt_King: Further, that if we were going to make a change (which would need to touch many more parts of the APG), we would need more conclusive and authoritative rationale
<jugglinmike> jongund: Then again, tabs look more like inline text, similar to links, and that's why using the hand pointer might seem appropriate.
<jugglinmike> Matt_King: It would be great to get perspective from the CSS working group
<jugglinmike> jugglinmike: The latest version of the relevant CSS spec addresses this
<jugglinmike> jugglinmike: https://drafts.csswg.org/css-ui/#cursor
<jugglinmike> jugglinmike: Its description of the value of "pointer" includes the following text: "Authors should use pointer on links and may use on other interactive elements."
<jugglinmike> Matt_King: Ah, I think that settles it, then

@ryo-manba
Copy link
Author

Thanks for the discussion! However, it appears that the current CSS specification is still in the Editor's Draft stage. It will be some time before it becomes an official recommendation, but can we use this draft as a basis? This is my simple question.

@mcking65
Copy link
Contributor

mcking65 commented Apr 7, 2024

@ryo-manba asks:

Thanks for the discussion! However, it appears that the current CSS specification is still in the Editor's Draft stage. It will be some time before it becomes an official recommendation, but can we use this draft as a basis? This is my simple question.

For normative changes to the specification, we would not ordinarily base decisions on a draft that is early in the spec process. However, since this doesn't appear to be normative guidance and since it does not require user agent changes, then it seems safe, and likely best, to follow the guidance in the draft referenced by @jugglinmike.

If you find evidence that suggests a different course of action is better, please let us know by reopening this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Example Page Related to a page containing an example implementation of a pattern Feedback Issue raised by or for collecting input from people outside APG task force question Issue asking a question
Development

Successfully merging a pull request may close this issue.

3 participants