Hai, friends…Today we will discuss about skip links.

What are skip links? Have you heard about it? Actually skip links are the internal page links which aid navigation around a current page rather than to completely new page. Simply saying skip links helps a user to navigate to different parts of a page. They are sometimes called jump links as well. They are normally used as a navigation aid for people with disabilities, but they are also very useful to mobile phone users. Skip links are not usually visible on a web page for sighted users as these users can easily skip over any information such as navigation to the specific content that interests them.

How to implement skip links?

A commonly used method of implementing skip links uses the CSS display: none; rule. A skip link is a normal HTML <a> tag providing a link to a section of content or navigation within your web page
                  <a href=”#navigation”>skip to navigation</a>
With CSS this link is removed from the layout using:
.rm { display: none;}
This method hides the link from screen readers in the same way it is hidden from sighted users. Due to this reason a new method called Nomensa Method can be used to implement skip links. Here the  links are displayed off the screen using the following CSS code:

.                                       skip {
                                position: absolute;
                                     left: -999em;
                                 width: 990em;
To produce the pop-up affect, the link must be brought into view when selected and then positioned where it will be most appropriate. The following code does exactly this:
  a.skip:active,  a.skip:focus {
                                                 left: -8.5em;
                                    border: 3px #3399cc solid;
                                      background-color: #fff;

A consistent set of navigation links at the top or left side of a Web page is beneficial both for general usability and for people with certain mobility impairments, as they may not need to move the mouse as far to reach the navigation. Hearing the same list of links at the beginning of each page is time consuming and potentially irritating. Therefore a skip navigation strategy should be included to allow users of screen readers to skip over a block of navigational links. Ideally, if you have more than two links before the main content, you should provide a skip navigation to go to the content. Remember not to make users skip information such as a logo. Instead, you should make users skip any block of information or functionality such as a slide slogan or slide navigation.

skip link



Leave a Reply

Your email address will not be published. Required fields are marked *
You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>