mirror of
https://github.com/WordPress/WordPress.git
synced 2024-08-28 16:49:40 +02:00
Role="navigation" was required for assistive technology to recognize HTML5 element's native ARIA roles while HTML5 and ARIA were being introduced. With the deprecation of IE11, the role attribute is only required when mapping elements that don't have native role. Props costdev, mukesh27. Fixes #54054. Built from https://develop.svn.wordpress.org/trunk@51967 git-svn-id: http://core.svn.wordpress.org/trunk@51556 1a063a9b-81f0-0310-95a4-ce76da25c4cd
62 lines
1.5 KiB
PHP
62 lines
1.5 KiB
PHP
<?php
|
|
/**
|
|
* Displays the next and previous post navigation in single posts.
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Twenty_Twenty
|
|
* @since Twenty Twenty 1.0
|
|
*/
|
|
|
|
$next_post = get_next_post();
|
|
$prev_post = get_previous_post();
|
|
|
|
if ( $next_post || $prev_post ) {
|
|
|
|
$pagination_classes = '';
|
|
|
|
if ( ! $next_post ) {
|
|
$pagination_classes = ' only-one only-prev';
|
|
} elseif ( ! $prev_post ) {
|
|
$pagination_classes = ' only-one only-next';
|
|
}
|
|
|
|
?>
|
|
|
|
<nav class="pagination-single section-inner<?php echo esc_attr( $pagination_classes ); ?>" aria-label="<?php esc_attr_e( 'Post', 'twentytwenty' ); ?>">
|
|
|
|
<hr class="styled-separator is-style-wide" aria-hidden="true" />
|
|
|
|
<div class="pagination-single-inner">
|
|
|
|
<?php
|
|
if ( $prev_post ) {
|
|
?>
|
|
|
|
<a class="previous-post" href="<?php echo esc_url( get_permalink( $prev_post->ID ) ); ?>">
|
|
<span class="arrow" aria-hidden="true">←</span>
|
|
<span class="title"><span class="title-inner"><?php echo wp_kses_post( get_the_title( $prev_post->ID ) ); ?></span></span>
|
|
</a>
|
|
|
|
<?php
|
|
}
|
|
|
|
if ( $next_post ) {
|
|
?>
|
|
|
|
<a class="next-post" href="<?php echo esc_url( get_permalink( $next_post->ID ) ); ?>">
|
|
<span class="arrow" aria-hidden="true">→</span>
|
|
<span class="title"><span class="title-inner"><?php echo wp_kses_post( get_the_title( $next_post->ID ) ); ?></span></span>
|
|
</a>
|
|
<?php
|
|
}
|
|
?>
|
|
|
|
</div><!-- .pagination-single-inner -->
|
|
|
|
<hr class="styled-separator is-style-wide" aria-hidden="true" />
|
|
|
|
</nav><!-- .pagination-single -->
|
|
|
|
<?php
|
|
}
|