Skip Navigation Links are ImportantProviding linksthat allow the user to skip directly to content, bypassing thenavigation, enhances the accessibility of your web site. This isrecommended for blind or visually impaired users, people who use screenreaders, and also for text-browsers, mobile phones and PDAs (PersonalDigital Assistants). These links are common on most US, UK, Irish, andother government websites, as well as many universities and privateorganizations.
From the accessibility and usability point of view, it is recommended that you make such links visible. Why?
In his article titled "Providing Skip Links", Frank Gayne of frontend.com explains:
"Skiplinks would be useful for people who cannot easily use a mouse. Many ofthese people depend on tabbing in order to make progress through aninterface and might appreciate a skip links feature to lighten theamount of work they have to do. If there is no visible focus to letthese people know they have hit a link, then this useful feature islost to them."
How can you build such links? Immediately afterthe logo of your web site, insert the skip link: Skip over navigation.Does the link have to go after the logo? Many web sites have the Skipnavigation or Skip to main content links before the logo of the page,but a logo is the precursor of a web page. It lets the user know whatwebsite he/she is on.
For example, if a Screen Reader userclicks an internal link on your page, your logo's alternate textattribute tells the user that he/she has not yet left your website. Ifthe Skip navigation link is before this logo, then the user does notknow immediately which website he/she is on.
In many occasions,web site developers or their clients do not wish to have the Skipnavigation or Skip to main content link visible, with the excuse thatit does not fit in their design. In this case they might use atechnique wrapping the accessibility text or links in an HTML divsetting it to display: none or visibility: hidden. The problem withthis technique is that it does not always work as expected. Some screenreaders do not speak material that is marked display: none orvisibility hidden, and others depend on how the style is specified. Tosolve this problem, you could make them invisible with the technique ofusing transparent graphics. Check the links below to learn how:
* Skipping Over Navigation Links
Diveintoaccessibility.org - day_11_skipping_over_navigation_links.html
* Skip to Main Content Link
Washington.edu/accessit/AU/tutorial/ins.html
Afterall, do your web pages have Skip navigation or Skip to main contentlinks? If not, it should be time to build them...
Related Articles
- Basic Web Design PrinciplesHome page should clearly indicate what the site is about. Provide top level navigation on the first page, your logo, and tell to the visitor what he can found on your web site.
- ThereThere are lots of designers who think they know everything there is to know when it comes to web site designing. However, it seems that they still lack in understanding some of the basic concepts that goes with web design. Just take for example the purpose of text in the whole designing process...
- Color Adjustments: Color Theory (Video Included)Lets proceed to the color adjustments. To work with color efficiently you have to understand the foundations of the color separation. If you know this theory, feel free to skip this page. If you dont, please read this at least once.
- Your Website Visitors - Will They Stay?Im sure youve all heard the saying Build it and they will come. Although that may have been true a few years ago, now we must work, and work hard, to get visitors to our websites. You cant always control who visits, however, you can have some control over who stays...
- Good Website NavigationWebsite Navigation is defined as the science and skill applied to a web site that helps visitors move from one page to another. A good website navigation system is imperative for a successful and accessible website design.
- Server Side IncludesThis very helpful tutorial makes it much easier to make changes throughout your entire website. It is easy to follow and has plenty of code.
- Web Accessibility: Making Your Pages Friendly To People With DisabilitiesDid you know that nearly 20 percent of all Web users have some form of disability? Making your site accessible for all is a matter of courtesy, is good business practice, and is not difficult, explains Robert Roberts, a professional SEO who owns the SEO Toolbox (http://www.seotoolbox.com)......
- Testing and Optimizing your TrafficYou can have the most fluid, creative, perfect business website in your chosen field but if your marketing and promotional efforts do not bring users to your website it is useless.
- How To Easily Create A Search-Engine Friendly Navigation Menu For Your WebsiteA navigation menu is an important element of a website. A good navigation menu helps your visitors navigate through your website efficiently - in as few mouse-clicks as possible.
- Tips for Improving Website NavigationA business often has more than one target audience it wants to reach with its website. Different customers mean different sales appeals and a homepage needs to be able to direct visitor traffic to go to the right places to get information or make a sale.
