Post

Fancy tooltips that use popover and anchor positioning are great. But sometimes all you need is a trustworthy title HTML attribute for a text-only tooltip. 😭 Only problem is: it can't be styled! Do you want these tooltips to be stylable? Maybe with a ::tooltip pseudo. Let me know your use cases!

Eric Bailey

@ericwbailey.website

god, it would fix so many WCAG issues

Barry Pollard

@tunetheweb.com

And create a thousand more? 😁

28/9/26, 3:59 pm0 reposts7 likes

Sara Soueidan

@sarasoueidan.com

Was just thinking how its usage would skyrocket if it becomes styleable.

Eric Bailey

@ericwbailey.website

I mean, we'd need to fix the accName problem, but also a boy can dream.

Sara Soueidan

@sarasoueidan.com

I may be missing your point I think. My thinking is that it took long to convince (most, I hope?) devs to not use the attribute because the tooltip is not accessible to all users. Making it styleable is like signaling that the only usability issue was with the visual styling, if that makes sense.

Patrick Brosset

@patrickbrosset.com

Genuine question, I'm not super aware of the accessibility issues here, can you say what they are?

Patrick Brosset

@patrickbrosset.com

This one? github.com/w3c/accname/... ?

github.comUnexpected accessible name for elements having a tooltip and are named from content containing elements that are not named from content · Issue #128 · w3c/accnameConsider the following HTML example (copy the data URL in a browser to test): data:text/html,<a href="https://example.com/" title="Accessible name for my link"><article>This text will be hidden fro...

Eric Bailey

@ericwbailey.website

Maybe? The accName problem is roughly: - People use title to create a tooltip. - That tooltip can be supplementary content to the control’s accessible name. - title can override the intended accName. - This is confusing for both screen reader and voice control users.