Today I learned that HTML <abbr> may not do much on mobile browsers
For some time, I've been using HTML <abbr> elements with
attributes in my writing here on Wandering Thoughts.
Sometimes I use it purely to provide a friendly expansion of
abbreviations, like a TLS CA or
MITM; sometimes the expansion
acquires some additional commentary, such as the mention of <abbr>
itself in this entry, and sometimes I
use it for little asides. In a couple of contexts I use it to provide
additional information; for example, any of my comments here
(currently) say that they are 'by cks',
where the <abbr> is used to add my name.
Today I had a reason to look at some of my pages that are using <abbr> in a mobile browser, specifically the iOS mobile browser. That was when I learned that iOS Safari doesn't render <abbr> in any visible way, which is fairly reasonable because there's no real way to interact with it; on desktops, an <abbr>'s title is shown when you hover the mouse over it, but on mobile there's no hover. This is a bit surprising because both MDN's <abbr> page and CanIUse currently say that it's fully supported on mobile browsers.
This is a useful lesson to me that the web, and especially the mobile web, is an ongoing learning experience. Things that I think I know should be tested every so often, and I should look at my own sites in a mobile browser more often.
(As part of this, I should find out if there's a not too annoying and difficult way to look at and interact with my sites from an Android browser, despite not having any Android devices myself.)