Forum:Abbr tags on mobile

Forums: Index > Feedback and Suggestions > Abbr tags on mobile

Abbr tags on mobile

...do not work, at all; there is nothing a touch interface can do to make them show a tooltip. Notably, <abbr> tags are used in Template:EO. A possible solution to this is to handroll one's own tooltips using CSS, as the :hover selector does work on mobile, (and then one can use content: attr(title), applied to ::after, to make the tooltip) but this sort of change would probably require broad administrative approval.

(There's also possible accessibility benefits to that approach if one also produces the tooltip on :focus.) - 134.10.79.218 05:48, 11 April 2022 (UTC)

I am all for a change, yes. Another alternative may be using the Semantic Mediawiki specific parser function #info that looks like this, but I would prefer maybe a different color.

{{Tooltip}} exists, but is not used anywhere mainly because I kept pushing it off, as I am not terribly good at CSS. -- RagCall (talk) 09:20, 11 April 2022 (UTC)

I never saw a tooltip in either desktop or mobile, but I always assumed it was because I hadn't enabled some sort of accessibility mode in my browser. I just looked at the HTML spec, looks like abbr doesn't do anything on its own?

Personally I would think it's better to build on top of abbr tags, since those probably interoperate better with accessibility technology like screen readers. According to mw:Reference Tooltips, it sounds like there's some off-the-shelf MediaWiki functionality which can make those things work. PSGarak (talk) 18:21, 11 April 2022 (UTC)

i appreciate the migration to Template:Tooltip, which paves the path for resolving this issue, but the accursed abbr tag is still in use there, where a css tooltip solution would be much preferable 2601:1C2:680:B430:7D2A:1C29:CF37:CF17 12:29, 6 July 2022 (UTC)

As @PSGarak notes mw:Reference Tooltips works for the <abbr> issue, by making it mobile accessible. However, as usual thats also a badly documented pile of tech debt, so I've not fully figured out how to get it work properly (and their import settings just flatout miss parts). <abbr> hover over now works on staging, the rest doesn't yet as I try to figure out which selectors to use. --Asarta (talk) 09:10, 8 July 2022 (UTC)

abbr hover over is now gone from staging, and never got pushed to main. please don't let the perfect be the enemy of the good; any solution is so, so much better than the absence thereof. 🥺 67.171.158.143 06:40, 18 January 2024 (UTC)