1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Lack of Interest using "title" instead of "alt" for Avatars ?

Discussion in 'Closed Suggestions' started by erich37, Aug 28, 2013.

  1. erich37

    erich37 Well-Known Member

    why is XenForo using "ALT" instead of "Title" for Avatars and possibly in other places as well ?

    I am using FireFox-browser and the "ALT-tag"-text is not showing up when browsing with FireFox.



    I would suggest changing:
    Code:
    <img width="48" height="48" alt="EQnoble" src="data/avatars/s/1/1321.jpg?1367481160">

    towards:
    Code:
    <img width="48" height="48" title="EQnoble" src="data/avatars/s/1/1321.jpg?1367481160">

    :cool:



    So for some images like the Forum-Node-icon, XenForo is using the "title-tag", which is showing fine in Firefox, like e.g. here:
    Code:
    <span class="nodeIcon" title="Unread messages"></span>
    .... but for other images, XenForo is using the "alt tag", which is not showing up in FireFox.




    http://www.computerhope.com/issues/ch001076.htm

    http://stackoverflow.com/questions/872389/html-img-tag-title-attribute-vs-alt-attribute


    :coffee:
     
    Last edited: Aug 28, 2013
  2. captainslater

    captainslater Well-Known Member

  3. erich37

    erich37 Well-Known Member

    Google says it is perfectly fine to supplement the "alt" attribute with the "title" attribute.



    This is the information provided directly by Google itself:

    ------------------------------

    Update: Some of you have asked about the difference between the "alt" and "title" attributes. According to the W3C recommendations, the "alt" attribute specifies an alternate text for user agents that cannot display images, forms or applets. The "title" attribute is a bit different: it "offers advisory information about the element for which it is set." As the Googlebot does not see the images directly, we generally concentrate on the information provided in the "alt" attribute. Feel free to supplement the "alt" attribute with "title" and other attributes if they provide value to your users!


    http://googlewebmastercentral.blogspot.com/2007/12/using-alt-attributes-smartly.html

    ------------------------------



    So ideally, the best would be to add a "title"-attribute to the current "alt"-attribute.


    :coffee:
     
    Last edited: Aug 28, 2013
  4. Martok

    Martok Well-Known Member

    What's the point in using the "title" attribute to add a tooltip for avatars that shows the username when you can simply read the username under the avatar?

    This is what it says about "alt" and "title" attributes here http://www.w3.org/wiki/Images_in_HTML


    So Firefox is correct in not displaying the "alt" text as a tooltip.

    Using the "title" attribute to display a tooltip containing the username offers no additional information as the username is already displayed on screen. As such the "title" attribute should not be used for avatars.

    Also don't forget that tooltips can't be displayed on tablets or smartphones as they don't have a hover state.
     
  5. captainslater

    captainslater Well-Known Member

    What Martok says.
     

Share This Page