Re: [csswg-drafts] Add a `::interest-hint` pseudo element to interest invokers (#12437)

Alright, so to try to summarize where we might be on this issue:

- Name: `::interest-button` (alternative is `::interest-hint`, needs bikeshedding)
- Trigger: originating element has `interestfor` attribute, and the `content` property is provided.
- Type: [fully-stylable pseudo element](https://www.w3.org/TR/css-pseudo-4/#fully-styleable)
- Relative position: either just _before_, or just _after_ the `::after` pseudo element. (I weakly prefer just *before*.)
- Appearance: looks like a button, basic UA styles provided, developer-stylable.
- Behavior: clicking/tapping the pseudo element toggles interest in the originating element. The pseudo is not separately keyboard focusable, and does not show up in the a11y tree.

A solution like this seemed to make the a11y experts in OpenUI happy. Particularly the ability of this pseudo element **not** to show up in the a11y tree or focus order, like an HTML solution would have to. But what do folks here think? The [discussion above](https://github.com/w3c/csswg-drafts/issues/12437#issuecomment-3160804211) wondered whether there was a more general feature here. To me, it feels pretty scoped to the interest invokers feature, and seems very similar to `::picker-icon` in that it's specific to things that you can show interest in. But perhaps there are other features in CSS that need a "visual-only, click-only" button next to them? I'm not sure I've heard of such a thing, but maybe? 

Other thoughts?

-- 
GitHub Notification of comment by mfreed7
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12437#issuecomment-3211111439 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 21 August 2025 15:30:28 UTC