Difference between revisions of "Skip Link Visible on Focus"

From Level Access Web Labs
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
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;
 +
      clip: rect(1px, 1px,1px,1px);
 +
      overflow:hidden;
 
     }
 
     }
 
     .skip:focus {
 
     .skip:focus {
        display: block;
+
      position: static;
 +
      overflow: visible;
 +
      width:100%;
 +
      max-width:100%; max-height:100%;
 +
      clip: auto;
 
     }
 
     }
 
   </style></head>
 
   </style></head>

Latest revision as of 18:06, 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.