Skip to main content

skip to nav/content 77 Responses

Last post: 1 year, 10 months ago | Thread started: Nov 5, 08, 3:23 a.m.

RespondNew TopicDisable Images

  • Stugoo

    I've started a debate.

    different styles of build use different techniques to change content
    for accesibilty purposes you should generally have a skip to nav and/or skip to content link, so that the user, if using a mobile device or browser without CSS its easy to navigate around the page.

    there are 2 methods which I have used in the past,

    skip to content:

    build the page as normal,
    <skip to content link>
    <header>
    <content>
    <footer>

    http://www.stugoo.co.uk/testbed/testimages/skip2content.gif

    or
    Skip to navigation:

    absolutley position the header using css and put the most relative content at the top of the page.

    <skip to navigation link>
    <content>
    <footer>
    <header>

    http://www.stugoo.co.uk/testbed/testimages/skip2nav.gif

    the arguments are that the client branding gets pushed to the bottom of the page or that the most relative content goes to the top.

    what do you think?

    Nov 5, 08, 3:23 a.m. – Permalink
  • jamble

    Good question, I'd never thought of the second way of doing it as I've always put the skip at the top with the header beneath.

    I guess the only question about the second method is the need for a skip to content if the content is right at the top, you may be best off just having the content without the skip? Usually the skip is to get you past a header but if the header is at the bottom of the source this probably becomes a little redundant?

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earNov 5, 08, 3:35 a.m. – Permalink
  • Stugoo

    I normally use skip to nav,
    but the idea is that if you haven't visited the page before you get the appropriate content first.
    if you are a return visitor you can skip to navigation, skip to login etc.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earNov 5, 08, 3:54 a.m. – Permalink
  • trooperbill

    dont break the standard, anyway screen readers are a little more spohisticated than they used to be, they read out lists of titles and links so its not liner any more.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earNov 5, 08, 3:54 a.m. – Permalink
  • WeLoveNoise

    its a def a risk - but if u did it well it could look pretty good

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earNov 5, 08, 3:58 a.m. – Permalink
  • Stugoo

    yeah but you gotta make it backwards compatable (to an extent)... and what about older mobile devices?

    how do you guys do it?

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earNov 5, 08, 4:12 a.m. – Permalink
  • Stugoo

    bump

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earNov 6, 08, 8:18 a.m. – Permalink
  • studderine

    why would someone want to "skip" to navigation and/or content? just wondering.

    • wait, i didnt really read what was written in here. nm.studderine
    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earNov 6, 08, 8:47 a.m. – Permalink

Login or Register to respond to this

Skip to main content