Difference between revisions of "Skip Link Visible on Focus"

From Level Access Web Labs
Jump to navigation Jump to search
Line 3: Line 3:
 
   <head><style type="text/css">
 
   <head><style type="text/css">
 
     .skip {
 
     .skip {
       display:none;
+
       position: absolute !important;
 +
      width:1px; height:1px;
 +
      clipping (1px, 1px,1px,1px);
 
     }
 
     }
 
     .skip:focus {
 
     .skip:focus {
        display: block;
 
 
     }
 
     }
 
   </style></head>
 
   </style></head>

Revision as of 18:02, 9 April 2014

An additional setfocus() method is needed for webkit based browsers.

This page demonstrates a skip link.

Main page content

SSB BART Group provides IT accessibility consulting services.