Changeset 55971 for trunk/src/wp-admin/includes/class-wp-comments-list-table.php

Timestamp:

06/21/2023 09:45:52 PM (15 months ago)

Author:

joedolson

Message:

Administration: Set accessible state for list table headers.

Implement aria-sort and change icon states to indicate current sort for list tables. Allow screen reader users to get context about the current sort and allow sighted users to know how the table is currently sorted.

Props afercia, rianrietveld, joedolson, alexstine, johnjamesjacoby.
Fixes #32170.

File:

• trunk/src/wp-admin/includes/class-wp-comments-list-table.php (modified) (2 diffs)

trunk/src/wp-admin/includes/class-wp-comments-list-table.php

@@ -541 +541 @@
     protected function get_sortable_columns() {
         return array(
-            'author'   => 'comment_author',
-            'response' => 'comment_post_ID',
+            'author'   => array( 'comment_author', false, __( 'Author' ), __( 'Table ordered by Comment Author.' ) ),
+            'response' => array( 'comment_post_ID', false, _x( 'In Response To', 'column name' ), __( 'Table ordered by Post Replied To.' ) ),
             'date'     => 'comment_date',
         );
@@ -581 +581 @@
         ?>
 <table class="wp-list-table <?php echo implode( ' ', $this->get_table_classes() ); ?>">
+        <?php
+        if ( ! isset( $_GET['orderby'] ) ) {
+            // In the initial view, Comments are ordered by comment's date but there's no column for that.
+            echo '<caption class="screen-reader-text">' . __( 'Ordered by Comment Date, descending.' ) . '</p>';
+        } else {
+            $this->print_table_description();
+        }
+        ?>
     <thead>
     <tr>