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

Timestamp:

06/21/2023 01:52:16 AM (20 months 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-ms-users-list-table.php (modified) (1 diff)

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

@@ -236 +236 @@
         }
         ?>
-        <label class="screen-reader-text" for="blog_<?php echo $user->ID; ?>">
+        <label class="label-covers-full-cell" for="blog_<?php echo $user->ID; ?>">
+            <span class="screen-reader-text">
             <?php
             /* translators: Hidden accessibility text. %s: User login. */
             printf( __( 'Select %s' ), $user->user_login );
             ?>
+            </span>
         </label>
         <input type="checkbox" id="blog_<?php echo $user->ID; ?>" name="allusers[]" value="<?php echo esc_attr( $user->ID ); ?>" />