Ticket #1484: meta-1484.patch

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-p2/header.php

@@ -4 +4 @@
 require WPORGPATH . 'header.php';
 ?>
 <div id="headline">
+                <a class="assistive-text skip-link" href="#main"><?php _e( 'Skip to content', 'p2' ); ?></a>
         <div class="wrapper">
                 <h2><a href="<?php echo home_url( '/' ); ?>"><?php bloginfo( 'name' ); ?></a></h2>
                                 <?php wp_nav_menu( array( 'theme_location' => 'wporg_header_subsite_nav', 'fallback_cb' => '__return_false' ) ); ?>
@@ -15 +16 @@
         <?php if ( has_nav_menu( 'primary' ) ) : ?>
         <div role="navigation" class="site-navigation main-navigation">
                 <h1 class="assistive-text"><?php _e( 'Menu', 'p2' ); ?></h1>
-                <div class="assistive-text skip-link"><a href="#main" title="<?php esc_attr_e( 'Skip to content', 'p2' ); ?>"><?php _e( 'Skip to content', 'p2' ); ?></a></div>
 
                 <?php wp_nav_menu( array(
                         'theme_location' => 'primary',

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-p2/style.css

@@ -363 +363 @@
                 margin: 1em 0 0;
         }
 }
+
+.skip-link {
+        background-color: #f1f1f1;
+        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
+        color: #21759b;
+        display: block;
+        font-size: 14px;
+        font-weight: 700;
+        left: -9999em;
+        outline: none;
+        padding: 15px 23px 14px;
+        text-decoration: none;
+        text-transform: none;
+        top: -9999em;
+}
+
+.skip-link:focus {
+        clip: auto;
+        height: auto;
+        left: 6px;
+        top: 7px;
+        width: auto;
+        z-index: 100000;
+}
+
 /* Header design */
 #headline {
         height: auto;
         overflow: hidden;
+        position: relative;
 }
 #headline h2 {
         margin-bottom: 16px;