{"id":5447,"date":"2004-03-10T06:35:16","date_gmt":"2004-03-10T13:35:16","guid":{"rendered":"http:\/\/hill-kleerup.org\/blog\/wp\/2004\/03\/10\/its-tooltiptime.html"},"modified":"2004-03-10T06:35:16","modified_gmt":"2004-03-10T13:35:16","slug":"its_tooltiptime","status":"publish","type":"post","link":"https:\/\/hill-kleerup.org\/blog\/2004\/03\/10\/its_tooltiptime.html","title":{"rendered":"It’s ToolTipTime!"},"content":{"rendered":"

So in case you missed it in the comment thread below …<\/p>\n

MSIE 5 introduced a non-standard “feature” into its interpretation of HTML (“No! Say it ain’t so, Bill!”). It started having ALT text in IMG statements show up as Tool Tips (little floating yellow boxes explaining that pop up if you hover over the image). <\/p>\n

While this seems like a reasonably cool thing to do, it’s not part of the W3C standards, and there are plenty of folks who are vehemently irked about it. They note that you should be using the TITLE attribute in IMG statements for such things; the ALT attribute is for alternative text to substitute for an image should the person be browsing with images turned off, or because they use a text browser (read aloud by the computer) because of visual problems. (You can see the text showing up the image placeholder while the image is loading.) <\/p>\n

(One site I ran across said that 30% of users leave images turned off in their browser. That seems wildly overblown to me; I’ve never seen anyone do that. But I digress.)<\/p>\n

I’ve been going along, blithely, in IE-de-facto Land, assuming that all the ALT text I have in most of my images has shown up if you hover the mouse over it. Since about 85-90% of my readers use MSIE, that’s not been a wildly inappropriate conclusion. Enough are now using Netscape\/Mozilla\/Firebird platform browsers, which now don’t do the ALT tool tip trick, to make it worth looking at.<\/p>\n

The problem I found, in testing, was that MSIE didn’t (despite what everyone says) seem to render TITLE text as pop-ups either. <\/p>\n

\"This \"This<\/center><\/p>\n

And … well, that’s interesting. The results are different from what I was seeing last night. How bizarre.<\/p>\n

Of the three pictures above, the one on the left has just ALT text, the one in the middle has just TITLE text, and the one on the right has both. <\/p>\n

MSIE should give you a tool tip for all three; on the right-hand one, it should note you’re seeing the TITLE text. <\/p>\n

Mozilla (if you aren’t using the ALT text add-in) should show tool tips only on the left and middle ones.<\/p>\n

The irksome thing here is that if you want to have tool tips show up, you need to use the TITLE text. If you want to be accessible to the visually handicapped, you should use ALT text. And in 95% of the cases, you’re going to end up repeating the same thing in both of them. Which seems like a pain in the patootie, to me.<\/p>\n

On the other hand … <\/p>\n

Well, anyhow. I think I’ll try to figure out why my experiment last night didn’t give me any TITLE text showing up.<\/p>\n

UPDATE<\/u>: Okay, it’s the damned MT strip-HTML-stuff-unless-you-say-it’s-okay feature. I need to add TITLE into the IMG statement as an allowed attribute. Rassafrassa …<\/p>\n

UPDATE 2<\/u>: Okay, so one of the things I have to do is start considering where I need to use TITLE text along with ALT text. See what all you “standards-compliant” heart-palpatation types make me go through?<\/p>\n","protected":false},"excerpt":{"rendered":"

So in case you missed it in the comment thread below … MSIE 5 introduced a non-standard “feature” into its interpretation of HTML (“No! Say it ain’t so, Bill!”). It…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[],"class_list":["post-5447","post","type-post","status-publish","format-standard","hentry","category-blogging"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":5834,"url":"https:\/\/hill-kleerup.org\/blog\/2004\/07\/12\/tool_tips.html","url_meta":{"origin":5447,"position":0},"title":"Tool Tips","author":"***Dave","date":"Mon 12-Jul-04 11:28am","format":false,"excerpt":"Here's a minor annoyance in Firefox The A and ACRONYM and IMG tags in HTML all can take a TITLE attribute. This attribute gives you a \"tooltip\" popup when you...","rel":"","context":"In "Blogging & Internet"","block_context":{"text":"Blogging & Internet","link":"https:\/\/hill-kleerup.org\/blog\/category\/blogging"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12387,"url":"https:\/\/hill-kleerup.org\/blog\/2008\/05\/15\/working_with_windows_live.html","url_meta":{"origin":5447,"position":1},"title":"Working with Windows Live Writer","author":"***Dave","date":"Thu 15-May-08 9:01pm","format":false,"excerpt":"This is a test. This is a block paragraph test. This is still a test. So ... things it has, and things it doesn't have (vs Ecto). It has...","rel":"","context":"With 1 comment","block_context":{"text":"With 1 comment","link":"https:\/\/hill-kleerup.org\/blog\/2008\/05\/15\/working_with_windows_live.html#comments"},"img":{"alt_text":"under_construction","src":"https:\/\/i0.wp.com\/www.hill-kleerup.org\/blog\/WindowsLiveWriter\/WorkingwithWindowsLiveWriter_121C6\/under_construction_3.gif?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":135657,"url":"https:\/\/hill-kleerup.org\/blog\/2017\/12\/14\/but-their-text-messages.html","url_meta":{"origin":5447,"position":2},"title":"“But their text messages!”","author":"***Dave","date":"Thu 14-Dec-17 4:10pm","format":false,"excerpt":"It's a sign the Mueller investigation is actually turning up dirt -- and threatens to turn in far more -- that the White House, the conservative media machine, and now the GOP Congress are doing all they can to discredit Mueller, the investigation, and, now the FBI as a whole.\u2026","rel":"","context":"In "~PlusPosts"","block_context":{"text":"~PlusPosts","link":"https:\/\/hill-kleerup.org\/blog\/category\/blogging\/plusposts"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/hill-kleerup.org\/blog\/wp\/wp-content\/uploads\/2017\/12\/fbi-trump-texts.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":7992,"url":"https:\/\/hill-kleerup.org\/blog\/2005\/07\/06\/how_incredibly.html","url_meta":{"origin":5447,"position":3},"title":"How incredibly cool and … well … clumsy to implement","author":"***Dave","date":"Wed 6-Jul-05 6:50pm","format":false,"excerpt":"On the Six Apart ProNet, there's a spiffy article about how to straightforwardly put drop shadows around text or graphic elements using pure CSS, in a way that works in...","rel":"","context":"In "Blogging & Internet"","block_context":{"text":"Blogging & Internet","link":"https:\/\/hill-kleerup.org\/blog\/category\/blogging"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":10970,"url":"https:\/\/hill-kleerup.org\/blog\/2007\/05\/05\/my_firefox_extensions.html","url_meta":{"origin":5447,"position":4},"title":"My Firefox extensions","author":"***Dave","date":"Sat 5-May-07 11:05am","format":false,"excerpt":"Got an IM from Amanda last evening asking about an updated Extensions list for my FF installation.\u00a0 It has been a while.\u00a0 Here's the list -- the must haves are...","rel":"","context":"In "My Computer"","block_context":{"text":"My Computer","link":"https:\/\/hill-kleerup.org\/blog\/category\/my-computer"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":15253,"url":"https:\/\/hill-kleerup.org\/blog\/2009\/07\/20\/my-firefox-extensions.html","url_meta":{"origin":5447,"position":5},"title":"My Firefox Extensions","author":"***Dave","date":"Mon 20-Jul-09 8:17am","format":false,"excerpt":"I'm mapping out my course for migrating to my new PC. Yeesh. Lots of stuff, some of which will be kind of ugly to move. One of the first things will be installing Firefox. I'm currently on 3.5, and plan to use it instead of the IE7 (auto-updated to IE8)\u2026","rel":"","context":"In "Blogging - Technical"","block_context":{"text":"Blogging - Technical","link":"https:\/\/hill-kleerup.org\/blog\/category\/blogging\/blogging-technical"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/posts\/5447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/comments?post=5447"}],"version-history":[{"count":0,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/posts\/5447\/revisions"}],"wp:attachment":[{"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/media?parent=5447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/categories?post=5447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/tags?post=5447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}