Changeset 30314

Timestamp:

11/12/2014 10:54:32 PM (10 years ago)

Author:

iandstewart

Message:

Twenty Fifteen: adding context to page links for screenreaders.

Props afercia, fixes #30174.

Location:

trunk/src/wp-content/themes/twentyfifteen

Files:

• content-link.php (modified) (1 diff)
• content-page.php (modified) (1 diff)
• content.php (modified) (1 diff)
• image.php (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentyfifteen/content-link.php

@@ -38 +38 @@
                 'link_before' => '<span>',
                 'link_after'  => '</span>',
+                'pagelink'    => '<span class="screen-reader-text">' . esc_html__( 'Page', 'twentyfifteen' ) . ' </span>%',
+                'separator'   => '<span class="screen-reader-text">, </span>',
             ) );
         ?>

trunk/src/wp-content/themes/twentyfifteen/content-page.php

@@ -24 +24 @@
                 'link_before' => '<span>',
                 'link_after'  => '</span>',
+                'pagelink'    => '<span class="screen-reader-text">' . esc_html__( 'Page', 'twentyfifteen' ) . ' </span>%',
+                'separator'   => '<span class="screen-reader-text">, </span>',
             ) );
         ?>

trunk/src/wp-content/themes/twentyfifteen/content.php

@@ -37 +37 @@
                 'link_before' => '<span>',
                 'link_after'  => '</span>',
+                'pagelink'    => '<span class="screen-reader-text">' . esc_html__( 'Page', 'twentyfifteen' ) . ' </span>%',
+                'separator'   => '<span class="screen-reader-text">, </span>',
             ) );
         ?>

trunk/src/wp-content/themes/twentyfifteen/image.php

@@ -54 +54 @@
                                 'link_before' => '<span>',
                                 'link_after'  => '</span>',
+                                'pagelink'    => '<span class="screen-reader-text">' . esc_html__( 'Page', 'twentyfifteen' ) . ' </span>%',
+                                'separator'   => '<span class="screen-reader-text">, </span>',
                             ) );
                         ?>

trunk/src/wp-content/themes/twentyfifteen/style.css

@@ -2036 +2036 @@
     height: 2em;
     line-height: 2;
-    margin: 0 1px 2px 0;
+    margin: 0 6px 2px 0;
     text-align: center;
     width: 2em;