Changeset 42440 for trunk/src/wp-includes/post-template.php

Timestamp:

01/12/2018 08:16:56 PM (7 years ago)

Author:

afercia

Message:

Accessibility: use aria-current for the paginated post links output by wp_link_pages().

Continues the introduction in core of the aria-current attribute after [41683], [41359], and [41371].

• changes the wp_link_pages() (see the nextpage quicktag) output to use an aria-current attribute on the current item
• adds post-nav-links and post-page-numbers CSS classes to help themes style these links
• updates the related tests

Props antonioeatgoat, alexstine.
Fixes #41859.

File:

• trunk/src/wp-includes/post-template.php (modified) (5 diffs)

trunk/src/wp-includes/post-template.php

@@ -863 +863 @@
  *
  * @since 1.2.0
+ * @since 5.0.0 Added the `aria_current` argument.
  *
  * @global int $page
@@ -878 +879 @@
  *     @type string       $link_after       HTML or text to append to each Pages link inside the `<a>` tag.
  *                                          Also appended to the current item, which is not linked. Default empty.
+ *     @type string       $aria_current     The value for the aria-current attribute. Possible values are 'page',
+ *                                          'step', 'location', 'date', 'time', 'true', 'false'. Default is 'page'.
  *     @type string       $next_or_number   Indicates whether page numbers should be used. Valid values are number
  *                                          and next. Default is 'number'.
@@ -894 +897 @@
 
     $defaults = array(
-        'before'           => '<p>' . __( 'Pages:' ),
+        'before'           => '<p class="post-nav-links">' . __( 'Pages:' ),
         'after'            => '</p>',
         'link_before'      => '',
         'link_after'       => '',
+        'aria_current'     => 'page',
         'next_or_number'   => 'number',
         'separator'        => ' ',
@@ -925 +929 @@
                 if ( $i != $page || ! $more && 1 == $page ) {
                     $link = _wp_link_page( $i ) . $link . '</a>';
+                } elseif ( $i === $page ) {
+                    $link = '<span class="post-page-numbers current" aria-current="' . esc_attr( $r['aria_current'] ) . '">' . $link . '</span>';
                 }
                 /**
@@ -1018 +1024 @@
     }
 
-    return '<a href="' . esc_url( $url ) . '">';
+    return '<a href="' . esc_url( $url ) . '" class="post-page-numbers">';
 }