Changeset 62741 for trunk/src/wp-login.php

Timestamp:

07/14/2026 06:50:18 PM (3 months ago)

Author:

joedolson

Message:

Administration: Add function for tooltips and toggle tips.

Add functions wp_get_tooltip() and wp_get_toggletip() to support adding these popover interfaces in the core admin. wp_get_tooltip() is used as mechanism to expose accessible names when a control has focus or hover, and wp_get_toggletip() implements a popover disclosure dialog to provide extended help information.

Functions generate accessible markup, written to avoid excess verbosity for screen readers and apply best practices for voice command users as much as possible for icon-only controls.

Add an initial implementation of a toggle tip to explain the 'remember me' option on the login screen.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/12212

Props joedolson, oglekler, afercia, davidbaumwald, rajinsharwar, mukesh27, swissspidy, sirlouen, rutviksavsani, wildworks, ayazahmed12, generosus, sergeybiryukov.
Fixes #51006, #55343.

File:

• trunk/src/wp-login.php (modified) (2 diffs)

trunk/src/wp-login.php

@@ -1509 +1509 @@
 
                 wp_enqueue_script( 'user-profile' );
+                wp_enqueue_script( 'wp-tooltip' );
                 ?>
 
@@ -1536 +1537 @@
 
                         ?>
-                        <p class="forgetmenot"><input name="rememberme" type="checkbox" id="rememberme" value="forever" <?php checked( $rememberme ); ?> /> <label for="rememberme"><?php esc_html_e( 'Remember Me' ); ?></label></p>
+                        <?php
+                        /**
+                         * Filters the help text shown in the "Remember Me" tooltip on the login form.
+                         *
+                         * Returning an empty string removes the tooltip toggle from the form.
+                         *
+                         * @since 7.1.0
+                         *
+                         * @param string $rememberme_help_text The tooltip help text.
+                         */
+                        $rememberme_help_text = apply_filters(
+                                'login_remember_me_help_text',
+                                __( 'Selecting "Remember Me" reduces the number of times you&#8217;ll be asked to log in using this device. To keep your account secure, use this option only on your personal devices.' )
+                        );
+                        ?>
+                        <p class="forgetmenot">
+                                <input name="rememberme" type="checkbox" id="rememberme" value="forever" <?php checked( $rememberme ); ?> />
+                                <label for="rememberme"><?php esc_html_e( 'Remember Me' ); ?></label>
+                                <?php
+                                echo wp_get_toggletip(
+                                        $rememberme_help_text,
+                                        array(
+                                                'id'    => 'rememberme-help-toggletip',
+                                                'label' => __( 'Help' ),
+                                        )
+                                );
+                                ?>
+                        </p>
                         <p class="submit">
                                 <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="<?php esc_attr_e( 'Log In' ); ?>" />