🔒 EXCLUSIVE: Changeset/ - Complete Album!

Get WordPress

Make WordPress Core

Changeset 53041


Ignore:
Timestamp:
03/31/2022 05:11:36 PM (4 years ago)
Author:
joedolson
Message:

Login and Registration: Add autocomplete attributes.

Set valid autocomplete attributes for registration and login fields for username, email, and current password. Autocomplete values are required in WCAG 2.1 at level AA for login forms.

Props johnjamesjacoby, dhanendran, rianrietveld, joedolson, peterwilsoncc.
Fixes #41136.

Location:
trunk/src
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-includes/general-template.php

    r53000 r53041  
    587587            '<p class="login-username">
    588588                <label for="%1$s">%2$s</label>
    589                 <input type="text" name="log" id="%1$s" class="input" value="%3$s" size="20" />
     589                <input type="text" name="log" id="%1$s" autocomplete="username" class="input" value="%3$s" size="20" />
    590590            </p>',
    591591            esc_attr( $args['id_username'] ),
    … …  
    596596            '<p class="login-password">
    597597                <label for="%1$s">%2$s</label>
    598                 <input type="password" name="pwd" id="%1$s" class="input" value="" size="20" />
     598                <input type="password" name="pwd" id="%1$s" autocomplete="current-password" class="input" value="" size="20" />
    599599            </p>',
    600600            esc_attr( $args['id_password'] ),

  • trunk/src/wp-login.php

    r52945 r53041  
    828828            <p>
    829829                <label for="user_login"><?php _e( 'Username or Email Address' ); ?></label>
    830                 <input type="text" name="user_login" id="user_login" class="input" value="<?php echo esc_attr( $user_login ); ?>" size="20" autocapitalize="off" />
     830                <input type="text" name="user_login" id="user_login" class="input" value="<?php echo esc_attr( $user_login ); ?>" size="20" autocapitalize="off" autocomplete="username" />
    831831            </p>
    832832            <?php
    … …  
    10611061            <p>
    10621062                <label for="user_login"><?php _e( 'Username' ); ?></label>
    1063                 <input type="text" name="user_login" id="user_login" class="input" value="<?php echo esc_attr( wp_unslash( $user_login ) ); ?>" size="20" autocapitalize="off" />
     1063                <input type="text" name="user_login" id="user_login" class="input" value="<?php echo esc_attr( wp_unslash( $user_login ) ); ?>" size="20" autocapitalize="off" autocomplete="username" />
    10641064            </p>
    10651065            <p>
    10661066                <label for="user_email"><?php _e( 'Email' ); ?></label>
    1067                 <input type="email" name="user_email" id="user_email" class="input" value="<?php echo esc_attr( wp_unslash( $user_email ) ); ?>" size="25" />
     1067                <input type="email" name="user_email" id="user_email" class="input" value="<?php echo esc_attr( wp_unslash( $user_email ) ); ?>" size="25" autocomplete="email" />
    10681068            </p>
    10691069            <?php
    … …  
    13881388            <p>
    13891389                <label for="user_login"><?php _e( 'Username or Email Address' ); ?></label>
    1390                 <input type="text" name="log" id="user_login"<?php echo $aria_describedby_error; ?> class="input" value="<?php echo esc_attr( $user_login ); ?>" size="20" autocapitalize="off" />
     1390                <input type="text" name="log" id="user_login"<?php echo $aria_describedby_error; ?> class="input" value="<?php echo esc_attr( $user_login ); ?>" size="20" autocapitalize="off" autocomplete="username" />
    13911391            </p>
    13921392
    … …  
    13941394                <label for="user_pass"><?php _e( 'Password' ); ?></label>
    13951395                <div class="wp-pwd">
    1396                     <input type="password" name="pwd" id="user_pass"<?php echo $aria_describedby_error; ?> class="input password-input" value="" size="20" />
     1396                    <input type="password" name="pwd" id="user_pass"<?php echo $aria_describedby_error; ?> class="input password-input" value="" size="20" autocomplete="current-password" />
    13971397                    <button type="button" class="button button-secondary wp-hide-pw hide-if-no-js" data-toggle="0" aria-label="<?php esc_attr_e( 'Show password' ); ?>">
    13981398                        <span class="dashicons dashicons-visibility" aria-hidden="true"></span>

  • trunk/src/wp-signup.php

    r52978 r53041  
    119119
    120120    if ( ! is_subdomain_install() ) {
    121         echo '<span class="prefix_address">' . $current_network->domain . $current_network->path . '</span><input name="blogname" type="text" id="blogname" value="' . esc_attr( $blogname ) . '" maxlength="60" /><br />';