SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast hpaum99's Avatar
    Join Date
    May 2003
    Location
    Bakersfield CA
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    skip link - visible or invisible ?

    Would you suggest that I make a skip link visible or invisible?
    Last edited by redux; Aug 27, 2003 at 07:04. Reason: split this from another thread, there was just a thank-you paragraph at the beginning for a previous piece of advice

  2. #2
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Invisible, use a transparent 1x1 pixel gif, might wanna give it an accesskey while you're at it eg

    <a href="#skip" accesskey="s"><img src="space.gif" height="1" width="1" alt="skip to content"></a>

  3. #3
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,491
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    After your logo at the top of you page add this:

    <a href="#content" accesskey="S"><img src="spacer.gif" alt="Skip to content - (access key = S)" width="1" height="1" border="0" /></a>


    At the begining of your content add this:

    <a name="content" id="content"></a>

  4. #4
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,491
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by hpaum99
    Would you suggest that I make a skip link visible or invisible?
    To make a skip link visible - ot to make a skip link visible?
    That is the question.

    The answer may be found here: http://infocentre.frontend.com/servlet/Infocentre/Infocentre?page=article&id=150

  5. #5
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,491
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A RESUME TO ALL ABOVE:

    Enhance your web site accessibility providing 'Skip to Content or Navigation' links

    From the usability/accessibility point of view, it is recommended to make such links visible.

    Why?

    You must consider people with other types of impairments in this context also. Ask whether or not skip links would be useful for people who cannot easily use a mouse? Many of these people depend on tabbing in order to make progress through an interface and might appreciate a skip links feature to lighten the amount of work they have to do. If there is no visible focus to let these people know they have hit a link then this useful feature is lost to them.

    More about this here:

    Providing 'Skip Links': http://infocentre.frontend.com/servlet/Infocentre/Infocentre?page=article&id=150

    Anyway, if it does not fit in your design, you could do them invisible as described below:

    1. Create a transparent graphic 1X1 pixels, and name it "spacer.gif".
    2. At the top of you page add this: <a href="#content" accesskey="S"><img src="spacer.gif" alt="Skip to content - (access key = S)" width="1" height="1" border="0" /></a>
    3. At the begining of your content add this: <a name="content" id="content"></a>

    Some for further reading useful links:

    Skip repetitive navigation links: http://oc.nci.nih.gov/web508/tip2.html
    Skipping over navigation links: http://diveintoaccessibility.org/day_11_skipping_over_navigation_links.html
    Skip to Main Content Link: http://www.washington.edu/accessit/AU/tutorial/ins.html

  6. #6
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Another good idea: Create an "accessibility guide" page on your site listing all of the accesskeys and other access features on your site. This is especially useful since most browsers don't advertise that you can use an accesskey at all (iCab on the Macintosh being the big exception).

  7. #7
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,491
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    Another good idea: Create an "accessibility guide" page on your site listing all of the accesskeys and other access features on your site. This is especially useful since most browsers don't advertise that you can use an accesskey at all (iCab on the Macintosh being the big exception).
    vgarcia, that is what I have planned on my new web site design. Cool!!!!!

  8. #8
    I am obstructing justice. bronze trophy fatnewt's Avatar
    Join Date
    Jul 2002
    Location
    Ottawa, Canada
    Posts
    1,766
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    Another good idea: Create an "accessibility guide" page on your site listing all of the accesskeys and other access features on your site.

    These are useful especially if your site provides services that users want to access frequently. Returning users who makeuse of accesskeys can memorize the keys if you don't make them obvious in the presentation itself. I'm planning to equip all my designs with similar accessibility features in the future (and upgrading some of my recent sites with them).
    Colin Temple [twitter: @cailean]
    Web Analyst at Napkyn


  9. #9
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Another reason you'd want to create an accessibility statement/guide: It can help you validate to AAA Accessibility standards (in addition to MANY other things).


Bookmarks

Posting Permissions

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