Users: A11y: Use autocomplete attributes for user name and email.

joedolson · joedolson · commit a3d913026ba6 · 2025-06-05T12:47:17.000Z
Support autocomplete attributes on user's own profile to improve accessibility. Helps user profile management meet accessibility criteria regarding user input purpose and aids users with mobility impairments. Props greatislander, umeshsinghin, jorbin, lukasfritzedev, joedolson. Fixes #63286. git-svn-id: https://develop.svn.wordpress.org/trunk@60283 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/user-edit.php b/src/wp-admin/user-edit.php
@@ -486,17 +486,35 @@
 
 					<tr class="user-first-name-wrap">
 						<th><label for="first_name"><?php _e( 'First Name' ); ?></label></th>
-						<td><input type="text" name="first_name" id="first_name" value="<?php echo esc_attr( $profile_user->first_name ); ?>" class="regular-text" /></td>
+						<td>
+						<?php if ( IS_PROFILE_PAGE ) : ?>
+							<input type="text" name="first_name" id="first_name" value="<?php echo esc_attr( $profile_user->first_name ); ?>" autocomplete="given-name" class="regular-text" />
+						<?php else : ?>
+							<input type="text" name="first_name" id="first_name" value="<?php echo esc_attr( $profile_user->first_name ); ?>" class="regular-text" />
+						<?php endif; ?>
+						</td>
 					</tr>
 
 					<tr class="user-last-name-wrap">
 						<th><label for="last_name"><?php _e( 'Last Name' ); ?></label></th>
-						<td><input type="text" name="last_name" id="last_name" value="<?php echo esc_attr( $profile_user->last_name ); ?>" class="regular-text" /></td>
+						<td>
+						<?php if ( IS_PROFILE_PAGE ) : ?>
+							<input type="text" name="last_name" id="last_name" value="<?php echo esc_attr( $profile_user->last_name ); ?>" autocomplete="family-name" class="regular-text" />
+						<?php else : ?>
+							<input type="text" name="last_name" id="last_name" value="<?php echo esc_attr( $profile_user->last_name ); ?>" class="regular-text" />
+						<?php endif; ?>
+						</td>
 					</tr>
 
 					<tr class="user-nickname-wrap">
 						<th><label for="nickname"><?php _e( 'Nickname' ); ?> <span class="description"><?php _e( '(required)' ); ?></span></label></th>
-						<td><input type="text" name="nickname" id="nickname" value="<?php echo esc_attr( $profile_user->nickname ); ?>" class="regular-text" /></td>
+						<td>
+						<?php if ( IS_PROFILE_PAGE ) : ?>
+							<input type="text" name="nickname" id="nickname" value="<?php echo esc_attr( $profile_user->nickname ); ?>" autocomplete="nickname" class="regular-text" />
+						<?php else : ?>
+							<input type="text" name="nickname" id="nickname" value="<?php echo esc_attr( $profile_user->nickname ); ?>" class="regular-text" />
+						<?php endif; ?>
+						</td>
 					</tr>
 
 					<tr class="user-display-name-wrap">
@@ -546,7 +564,7 @@
 						<th><label for="email"><?php _e( 'Email' ); ?> <span class="description"><?php _e( '(required)' ); ?></span></label></th>
 						<td>
 							<?php if ( $profile_user->ID === $current_user->ID ) : ?>
-								<input type="email" name="email" id="email" aria-describedby="email-description" value="<?php echo esc_attr( $profile_user->user_email ); ?>" class="regular-text ltr" />
+								<input type="email" name="email" id="email" aria-describedby="email-description" value="<?php echo esc_attr( $profile_user->user_email ); ?>" autocomplete="email" class="regular-text ltr" />
 								<p class="description" id="email-description">
 									<?php _e( 'If you change this, an email will be sent at your new address to confirm it. <strong>The new address will not become active until confirmed.</strong>' ); ?>
 								</p>
