New post, because a new topic but on the same site I was working on with the lists.
*edit I moved this at the last minute, was in CSS*
Same site has lots and lots and LOTS of abbr's. It's a future webshop for a technical gadget which, in hardware and description from the manufacturing commpany, has lots of trendy Wireless protocols listed in their 3GHSPAWiFi black-turtleneck iMac-toting way. The abbr's are nice in that I can also use them like Mike Cherim does to liven up a black page with otherwise only white text with some colour.
Ie6 (of course) doesn't support it. Also, the title doesn't even show up on abbr for non-mousers unless you Jabba-da-script it (that I know of, and I'll bet Opera can somehow read those titles out).
So I get it seems a few choices; I'd like to know which seems best.
A List Apart has an XHTML2 article (so yes, I should ignore it completely because I have to go to war with the Web we have, not the Web we want) who suggests a span and an abbr, both with titles.
Gah, nasty. Article: http://alistapart.com/articles/hattrick/Code:Blah blah <span class="abbr" title="Full name of Blah"><abbr title="Full Name Of Blah">blah</abbr></span> rest of sentence.
I could have acronym for IE6, but I can't see it doing anything, so what the heck does it even do?? Either case, IE6 doesn't seem to bother showing titles on those anyway. So that's out. Plus I'm tired of the whole Grammar Nazi thing-- let's just use abbr for EVERYTHING and be done with it.
I could use an empty anchor, which has a title attribute IE6 supports. Since I have a big list with funky Opacity tomfoolery and other silly visual tricks which pleased the boss with its empty content-less trendy black-turtleneck iMac-toting appearance, I already have a bunch of empty anchors anyway-- so what's a few more?
Another advantage of anchors is keyboarders can get the titles too, because they a can has focus now.
Except I still want abbr cause yeah, JAWS will say the title of the thing but it'll also say "link" which I'm already getting with my list-that's-not-a-menu. Plus it's more CSS 'cause my abbr's have one colour and my anchors have another and my random visually ephasizsng spans have yet another.
I'm leaning to #1 though not sure if I'd do it with the [if lte IE6] conditional comments to really keep that extraneous content (and my CSS styling) from other browsers,
or leave it be without abbr
or use the span out in the open.
I don't think I'll post a URL with all my pieces of tries and failures because it's pretty much selling a product (even though not yet available).
*edit ah this should be moved to Accessibility huh?