skip to nav/content
- Started
- Last post
- 7 Responses
- 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>
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>
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?
- jamble0
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?
- Stugoo0
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.
- trooperbill0
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.
- WeLoveNoise0
its a def a risk - but if u did it well it could look pretty good
- Stugoo0
yeah but you gotta make it backwards compatable (to an extent)... and what about older mobile devices?
how do you guys do it?
- Stugoo0
bump
- studderine0
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