Ticket #47891: 47891.patch

wp-content/themes/twentyeleven/functions.php

@@ -903 +903 @@
                 do_action( 'wp_body_open' );
         }
 endif;
+
+/**
+ * Include a skip to content link at the top of the page so that users can bypass the menu.
+ *
+ * @since Twenty Eleven 3.4
+ */
+function twentyeleven_skip_link() {
+        echo '<div class="skip-link"><a class="assistive-text" href="#content">' . esc_html__( 'Skip to primary content', 'twentyeleven' ) . '</a></div>';
+        if ( ! is_singular() ) {
+                echo '<div class="skip-link"><a class="assistive-text" href="#secondary">' . esc_html__( 'Skip to secondary content', 'twentyeleven' ) . '</a></div>';
+        }
+}
+add_action( 'wp_body_open', 'twentyeleven_skip_link', 5 );

wp-content/themes/twentyeleven/header.php

@@ -145 +145 @@
 
                         <nav id="access" role="navigation">
                                 <h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
-                                <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
-                                <div class="skip-link"><a class="assistive-text" href="#content"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
-                                <?php if ( ! is_singular() ) : ?>
-                                        <div class="skip-link"><a class="assistive-text" href="#secondary"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
-                                <?php endif; ?>
                                 <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assigned to the primary location is the one used. If one isn't assigned, the menu with the lowest ID is used. */ ?>
                                 <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
                         </nav><!-- #access -->

wp-content/themes/twentyeleven/style.css

@@ -502 +502 @@
         height: 1px;
         width: 1px;
 }
-#access a.assistive-text:focus,
+
+a.assistive-text:focus,
 .screen-reader-text:hover,
 .screen-reader-text:active,
 .screen-reader-text:focus {
-        background: #eee;
-        border-bottom: 1px solid #ddd;
-        color: #1982d1;
+        background-color: #f1f1f1;
+        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
         clip: auto !important;
-        font-size: 12px;
+        clip-path: none;
+        color: #21759b;
+        display: block;
+        font-size: 14px;
+        font-weight: bold;
         height: auto;
-        position: absolute;
-        text-decoration: underline;
-        top: 0;
-        left: 7.6%;
+        left: 6px;
+        line-height: normal;
+        padding: 17px 22px 15px;
+        text-decoration: none;
+        top: 7px;
         width: auto;
+        z-index: 100000;
+        /* Above WP toolbar. */
 }
 
-
 /* =Header
 ----------------------------------------------- */