Twenty Fifteen: adding context to pagination links for screenreaders.

Props afercia, iamtakashi, fixes #30152


Built from https://develop.svn.wordpress.org/trunk@30316


git-svn-id: http://core.svn.wordpress.org/trunk@30315 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Ian Stewart 2014-11-12 23:26:25 +00:00
parent 99a35f20e6
commit 40c73b7d0d
7 changed files with 23 additions and 17 deletions

View File

@ -46,7 +46,9 @@ get_header(); ?>
<?php <?php
the_pagination( array( the_pagination( array(
'before_page_number' => '<span class="meta-nav">' . __( 'Page', 'twentyfifteen' ) . '</span>', 'prev_text' => __( 'Previous page', 'twentyfifteen' ),
'next_text' => __( 'Next page', 'twentyfifteen' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
) ); ) );
?> ?>

View File

@ -42,7 +42,9 @@ get_header(); ?>
<?php <?php
the_pagination( array( the_pagination( array(
'before_page_number' => '<span class="meta-nav">' . __( 'Page', 'twentyfifteen' ) . '</span>', 'prev_text' => __( 'Previous page', 'twentyfifteen' ),
'next_text' => __( 'Next page', 'twentyfifteen' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
) ); ) );
?> ?>

View File

@ -151,11 +151,6 @@ td {
left: auto; left: auto;
} }
.pagination .meta-nav {
margin-right: auto;
margin-left: 0.3333em;
}
.pagination .prev { .pagination .prev {
right: 0; right: 0;
left: auto; left: auto;

View File

@ -34,7 +34,9 @@ get_header(); ?>
<?php <?php
the_pagination( array( the_pagination( array(
'before_page_number' => '<span class="meta-nav">' . __( 'Page', 'twentyfifteen' ) . '</span>', 'prev_text' => __( 'Previous page', 'twentyfifteen' ),
'next_text' => __( 'Next page', 'twentyfifteen' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
) ); ) );
?> ?>

View File

@ -25,8 +25,8 @@ get_header(); ?>
<?php <?php
the_post_navigation( array( the_post_navigation( array(
'next_text' => _x( '<span class="meta-nav">Next</span><span class="post-title">%title</span>', 'Next post link', 'twentyfifteen' ), 'next_text' => _x( '<span class="meta-nav">Next <span class="screen-reader-text">post:</span></span><span class="post-title">%title</span>', 'Next post link', 'twentyfifteen' ),
'prev_text' => _x( '<span class="meta-nav">Previous</span><span class="post-title">%title</span>', 'Previous post link', 'twentyfifteen' ), 'prev_text' => _x( '<span class="meta-nav">Previous <span class="screen-reader-text">post:</span></span><span class="post-title">%title</span>', 'Previous post link', 'twentyfifteen' )
) ); ) );
?> ?>

View File

@ -1025,14 +1025,18 @@ a:focus {
text-align: center; text-align: center;
} }
.pagination .meta-nav { /* reset screen-reader-text */
margin-right: 0.3333em; .pagination .current .screen-reader-text {
position: static !important;
} }
.pagination .page-numbers { .pagination .page-numbers {
display: none; display: none;
line-height: 3.2em; line-height: 3.2em;
padding: 0 0.6667em; padding: 0 0.6667em;
}
.pagination .page-numbers.current {
text-transform: uppercase; text-transform: uppercase;
} }
@ -2754,12 +2758,13 @@ span > video {
padding: 0; padding: 0;
} }
.pagination .page-numbers { /* restore screen-reader-text */
display: inline-block; .pagination .current .screen-reader-text {
position: absolute !important;
} }
.pagination .meta-nav { .pagination .page-numbers {
display: none; display: inline-block;
} }
.image-navigation { .image-navigation {

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.1-alpha-30315'; $wp_version = '4.1-alpha-30316';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.