Submit Your Article Forum Rules

Results 1 to 3 of 3

Thread: code for accessibility and SEO

  1. #1

    code for accessibility and SEO

    We've had an informative discussion on the Webmaster Resources Discussion Forum. The thread is alt and title attributes in IMG and A tags.

    The example being used is the pirate scene with buccaneer statue.

    After much deliberation, this is the code that resulted:

    HTML Code:
    <td>
    <a href="pirate-ship-skull-dagger-scene.html" title="Pirate Ship Skull and Dagger Statue"><img src="collectible-knights-warriors-pirates/knights-warriors-pirates-previews/pirate-ship-skull-sword-prev.jpg" alt="pirate ship skull pirates hat buccaneer statue figurine" title="stone resin with cloth sails pirate ship buccaneer statue with a dagger, skull and hat. Buy it now, matey!" width="146" height="106">
    <span>Pirate Scene with Buccaneer Statue</span></a>
    </td>
    Please let me know what needs to be changed or added so that I can use this example for the rest of the products on my website. I'm currently not using CSS, in case that will change the replies.

    And, by the way, I do want to have a new window open. That isn't in the above code, but I want it there.

    Thank you,
    Steph
    Hidden Content and Hidden Content for Friends, Family and Dogs.
    Hidden Content

  2. #2
    Member
    Join Date
    Mar 2010
    Posts
    44
    HTML Code:
    <td>
    <a href="pirate-ship-skull-dagger-scene.html" title="Pirate Ship Skull and Dagger Statue" target="_blank"><img src="collectible-knights-warriors-pirates/knights-warriors-pirates-previews/pirate-ship-skull-sword-prev.jpg" alt="pirate ship skull pirates hat buccaneer statue figurine" title="stone resin with cloth sails pirate ship buccaneer statue with a dagger, skull and hat. Buy it now, matey!" width="146" height="106">
    <span>Pirate Scene with Buccaneer Statue</span></a>
    </td>


    This one will make the link open in a new windows.
    As for implementation in the whole site..I can`t help you with that


  3. #3
    Moderator HTMLBasicTutor's Avatar
    Join Date
    Apr 2010
    Location
    Canada
    Posts
    1,192
    HTML Code:
    <td>
    <a href="pirate-ship-skull-dagger-scene.html" title="Pirate Ship Skull and Dagger Statue"><img src="collectible-knights-warriors-pirates/knights-warriors-pirates-previews/pirate-ship-skull-sword-prev.jpg" alt="pirate ship skull pirates hat buccaneer statue figurine" title="stone resin with cloth sails pirate ship buccaneer statue with a dagger, skull and hat. Buy it now, matey!" width="146" height="106">
    <span>Pirate Scene with Buccaneer Statue</span></a>
    </td>
    Why do you have the span set of tags in there?

    The reply above will open in a new window but:
    a) it creates a usability issue
    Your links open in the same window.
    Visitors want to have control over everything what happens in their browser. If they’d like to open a link in a new window they will. If they don’t want to, they won’t. If your links open in a new window you make the decision which is not your decision to make.
    http://smashingmagazine.com/2007/09/...d-be-aware-of/ - 10 Usability Nightmares You Should Be Aware Of

    b) it creates an accessibility issue ( part of the point according to the title of this thread)
    http://diveintoaccessibility.org/day...w_windows.html - Not opening new windows - Dive Into Accessibility
    http://webaim.org/techniques/hyperte...php#new_window - Links to New Windows, Pop-ups, Other Frames, or External Web Sites - WebAIM

    Add your domain name to the front of the url for SEO.
    Last edited by mjtaylor; 04-27-2010 at 08:29 PM. Reason: make links live
    Hidden Content - Search engine friendly websites, ecommerce websites & blogs
    Hidden Content - Web page mistakes with solutions
    Hidden Content - HTML help to learn HTML basics

Similar Threads

  1. Dynamic code in source code
    By Milo in forum Google Discussion Forum
    Replies: 4
    Last Post: 07-02-2007, 07:25 AM
  2. The Need of Accessibility
    By Webnauts in forum Accessibility and Usability Forum
    Replies: 12
    Last Post: 05-06-2006, 02:03 PM
  3. Accessibility
    By WPW_Feedbot in forum Graphics & Design Discussion Forum
    Replies: 0
    Last Post: 12-15-2004, 10:59 AM
  4. Web Accessibility
    By alyson in forum Graphics & Design Discussion Forum
    Replies: 2
    Last Post: 10-31-2004, 01:43 PM
  5. Accessibility? All you need...
    By Webnauts in forum Accessibility and Usability Forum
    Replies: 0
    Last Post: 02-04-2004, 11:27 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •