Changeset 55954 for trunk/src/wp-admin/includes/class-wp-media-list-table.php

Timestamp:

06/21/2023 01:52:16 AM (3 years ago)

Author:

joedolson

Message:

Administration: Make checkbox column clickable.

Change the label for .check-column inside list tables to a block filling the entire cell. Improves accessibility by increasing the target area for the control.

Props mitchoyoshitaka, lessbloat, sabernhardt, ogleker, tacoverdo, joostdevalk, karmatosed.

Fixes #21516.

File:

• trunk/src/wp-admin/includes/class-wp-media-list-table.php (modified) (1 diff)

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

@@ -412 +412 @@
                 if ( current_user_can( 'edit_post', $post->ID ) ) {
                         ?>
-                        <label class="screen-reader-text" for="cb-select-<?php echo $post->ID; ?>">
+                        <label class="label-covers-full-cell" for="cb-select-<?php echo $post->ID; ?>">
+                                <span class="screen-reader-text">
                                 <?php
                                 /* translators: Hidden accessibility text. %s: Attachment title. */
                                 printf( __( 'Select %s' ), _draft_or_post_title() );
                                 ?>
+                                </span>
                         </label>
                         <input type="checkbox" name="media[]" id="cb-select-<?php echo $post->ID; ?>" value="<?php echo $post->ID; ?>" />