Plusnet
Saturday 21st November 2009Login | Register | Help
Pages: [1]

icon tooltips don't show in firefox

  • Peter Vaughan
  • Usergroup Member
  • *
  • Posts: 13641
  • Unofficial ledgendary bright spark bod!
  • View Profile
« on 03/08/2007, 18:23 »
Many of the icons have tooltip text which does not appear when using FF2.0

Example is the top and bottom banners with 'post a reply' and 'printer' icons. None of the icons show a tooltip on FF but they do on IE7. Given the fact that they are not all obvious what they mean, the tooltip is necessary.

Some areas do work like hovering over a member name.
plusnet ADSL Customer (PlusNet Pro)
PlusNet Usergroup | PUG Forums | Usertools | PUG Issue Tracker - Please vote!!
Volunteer at the National Museum of Computing @ Bletchley Park - Looking for donations of old games consoles, PCs and software. Contact me for details
Logged
« Reply #1 on 03/08/2007, 21:59 »
Seconded!
Logged
« Reply #2 on 15/11/2007, 18:10 »
Not a problem (as such) as far as I can see. Firefox won't show you the alt tags, but they are actually there on the images...
Kind Regards,
Colin Ogilvie
Plusnet Application Developer (until June 12th 2009)
Get next generation speeds - Join the ADSL2+ trial!
Logged
  • Peter Vaughan
  • Usergroup Member
  • *
  • Posts: 13641
  • Unofficial ledgendary bright spark bod!
  • View Profile
« Reply #3 on 15/11/2007, 18:17 »
But the problem does still exist. FF needs title tags for tooltips.

I know this is a general problem with tags and the solution may not be possible (add title tags where alt tags exist) but it is still a browser related issue.
plusnet ADSL Customer (PlusNet Pro)
PlusNet Usergroup | PUG Forums | Usertools | PUG Issue Tracker - Please vote!!
Volunteer at the National Museum of Computing @ Bletchley Park - Looking for donations of old games consoles, PCs and software. Contact me for details
Logged
  • jelv
  • Bright Spark
  • *
  • Posts: 9327
  • View Profile
« Reply #4 on 16/11/2007, 08:38 »
It needs to be consistent - it either displays tooltips or it doesn't. At the moment it displays them for the icons below a posters name:
Code:
<a href="http://community.plus.net/forum/index.php?action=profile;u=1042">
<img src="http://community.plus.net/forum/Themes/plusn/images/icons/profile_sm.gif"
alt="View Profile" title="View Profile" border="0"></a>
<a href="http://community.plus.net/forum/index.php?action=useremail;u=1042">
<img src="http://community.plus.net/forum/Themes/plusn/images/email_sm.gif"
alt="Email" title="Email" border="0"></a>
<a href="http://community.plus.net/forum/index.php?action=pm;sa=send;u=1042" title="Personal Message (Offline)">
<img src="http://community.plus.net/forum/Themes/plusn/images/im_off.gif"
alt="Personal Message (Offline)" border="0"></a>

Quote from: W3C.org
13.8 How to specify alternate text

Attribute definitions
alt = text [CS]
    For user agents that cannot display images, forms, or applets, this attribute specifies alternate text. The language of the alternate text is specified by the lang attribute.

Several non-textual elements (IMG, AREA, APPLET, and INPUT) let authors specify alternate text to serve as content when the element cannot be rendered normally. Specifying alternate text assists users without graphic display terminals, users whose browsers don't support forms, visually impaired users, those who use speech synthesizers, those who have configured their graphical user agents not to display images, etc.

The alt attribute must be specified for the IMG and AREA elements. It is optional for the INPUT and APPLET elements.

While alternate text may be very helpful, it must be handled with care. Authors should observe the following guidelines:

    * Do not specify irrelevant alternate text when including images intended to format a page, for instance, alt="red ball" would be inappropriate for an image that adds a red ball for decorating a heading or paragraph. In such cases, the alternate text should be the empty string (""). Authors are in any case advised to avoid using images to format pages; style sheets should be used instead.
    * Do not specify meaningless alternate text (e.g., "dummy text"). Not only will this frustrate users, it will slow down user agents that must convert text to speech or braille output.

Implementors should consult the section on accessibility for information about how to handle cases of omitted alternate text.

Quote from: w3c.org
7.4.3 The title attribute

Attribute definitions

title = text [CS]
    This attribute offers advisory information about the element for which it is set.

Unlike the TITLE element, which provides information about an entire document and may only appear once, the title attribute may annotate any number of elements. Please consult an element's definition to verify that it supports this attribute.

Values of the title attribute may be rendered by user agents in a variety of ways. For instance, visual browsers frequently display the title as a "tool tip" (a short message that appears when the pointing device pauses over an object). Audio user agents may speak the title information in a similar context. For example, setting the attribute on a link allows user agents (visual and non-visual) to tell users about the nature of the linked resource:

...some text...
Here's a photo of

   me scuba diving last summer

...some more text...

The title attribute has an additional role when used with the LINK element to designate an external style sheet. Please consult the section on links and style sheets for details.

Reading those it is quite clear that the way Firefox is handling alt and title is correct and IE is wrong (well there's a surprise!).

« Last Edit: 16/11/2007, 08:41 by jelv »

jelv

Plusnet chatroom: /server usertools.plus.net   /join #usertools
Plusnet Unlimited is not without limits
Logged
« Reply #5 on 09/01/2008, 01:22 »
This seems to be a "feature" of Simple Machines Forum (SMF) software, as it is the same on my own SMF forum.

So, I had a look and some of the icon tooltips can be fixed by editing the Sources/Display.php file. At least those within a topic. The Reply, Print, must be in a different file, but the theme I use on my forum displays text for those links rather than icons.

Do a search for alt=" in half a dozen places (as there are other images like the BCC tags) and replicate the part of the script that generates the text for the alt tag as a title tag.

For example -

Where you find:
Code:
alt="' . $txt[$alt] . '"

You can replace it with:
Code:
alt="' . $txt[$alt] . '" title="' . $txt[$alt] . '"

I've tried it on my own forum and it works...

Until the next SMF update.
Logged
  • Peter Vaughan
  • Usergroup Member
  • *
  • Posts: 13641
  • Unofficial ledgendary bright spark bod!
  • View Profile
« Reply #6 on 09/01/2008, 08:26 »
This is not something that PN can fix. It has to be passed back to SMF to fix properly in a future release.

We can't be the only one complaining about this but the more pressure put on SMF the more likely they will fix it properly.
plusnet ADSL Customer (PlusNet Pro)
PlusNet Usergroup | PUG Forums | Usertools | PUG Issue Tracker - Please vote!!
Volunteer at the National Museum of Computing @ Bletchley Park - Looking for donations of old games consoles, PCs and software. Contact me for details
Logged
  • Strat
  • Forum Moderator
  • Posts: 5345
  • View Profile
« Reply #7 on 09/01/2008, 08:39 »
I'll occasionally get bits missing like button graphics but usually they refresh after a few seconds and appear.
If everything worked first time every time it wouldn't be IT.

Running FireFox 2.0.0.11 BTW
Plusnet Customer and Forum Moderator  Which gateway am I on and How is it Performing (Scroll down to your Gateway Graph)
Acronyms are a PITA
Logged
« Reply #8 on 10/01/2008, 22:42 »
I think SMF are a laid back group of volunteers  Cool who may not respond or feel pressure...  Smiley

It only takes a few minutes to edit the script and, as it's not affecting the logic of the script, it shouldn't be very risky.

Any volunteers?
Logged
« Reply #9 on 18/02/2008, 21:22 »
Is the reskinned forum any better? Most of the images are now added with CSS (so have text to their right) and the ones that aren't all appear to have the correct tips as far as I can tell in Firefox 3.
Kind Regards,
Colin Ogilvie
Plusnet Application Developer (until June 12th 2009)
Get next generation speeds - Join the ADSL2+ trial!
Logged
  • jelv
  • Bright Spark
  • *
  • Posts: 9327
  • View Profile
« Reply #10 on 18/02/2008, 21:27 »
MSN messenger - - doesn't give a tooltip in FF2.
jelv

Plusnet chatroom: /server usertools.plus.net   /join #usertools
Plusnet Unlimited is not without limits
Logged
« Reply #11 on 18/02/2008, 22:21 »
It's nice to see the BBCodes with titles in FF2, thanks.

The items that were the topic of the original post are maybe not as relevant now that text links (with background images) are used (that's what I did in my own forum). 'spose that's up to OP?

However, I noticed that the post inline modification icon doesn't have a title tag. Not major, but it may not be intuitive what it's for?
Logged
  • James_H
  • Guest
« Reply #12 on 19/02/2008, 07:43 »
MSN messenger - - doesn't give a tooltip in FF2.
It does in IE7 - would there be any settings in FF preventing display?
Logged
  • Jameseh
  • Legend
  • *
  • Posts: 18336
  • Napier for England!
  • View Profile
« Reply #13 on 19/02/2008, 09:32 »
I don't get the tooltip either, using FF2.0.0.12
twitter / Jameseh
Logged
« Reply #14 on 19/02/2008, 09:36 »
Firefox is following the behaviour defined in the standard:

http://www.w3.org/TR/REC-...ct/global.html#adef-title

Without included all of the history of this issue, the MSN Messenger image only has an ALT tag which was technically meant to be there for a different purpose, which does not include providing the text for use in a tooltip:

http://www.w3.org/TR/REC-...uct/objects.html#adef-alt

It works in IE7 because IE7 (and previous versions) were written to use the ALT tag in the absence of a TITLE tag, which I understand was a workround for those web sites that had omitted the TITLE tag.

It is not a setting in FF that is the problem, it is the HTML not providing the correct tag.
Logged
Pages: [1]
Jump to:  

Related Sites

Community Apps

Here at Plusnet we're always trying to use clever open source things to make our lives easier. Sometimes we write our own and make other people's lives easier too!

View the Plusnet Open Source applications page

About Plusnet

We sell broadband, phone, VoIP and more to homes and businesses in the UK. Winner of 9 out of 11 Categories in the 2008 USwitch survey. Winner of "Best Consumer ISP" at 2008 ISPA awards. Voted number 1 in the Broadband Choices 2008 survey.

© Plusnet plc All Rights Reserved. E&OE

Powered by SMF | SMF © 2006-2008, Simple Machines LLC

Add to Technorati Favourites