User profile first name, last name, nickname and email fields should have autocomplete attributes for accessibility

[greatislander]

The WCAG success criterion ​1.3.5 (Identify Input Purpose) requires adding autocomplete attributes to allow users to autofill certain fields when providing information about themselves. In WordPress, the relevant fields that lack autocomplete attributes are the first name, last name, nickname and email fields on the User Profile page. These could be given the following attributes:

autocomplete="given-name"
autocomplete="family-name"
autocomplete="nickname"
autocomplete="email"

Trac ticket: https://core.trac.wordpress.org/ticket/63286

PR looks good with the updated autocomplete attributes in place.

[sabernhardt]

Related: #49608

[joedolson]

This seems like a good idea, but it should only apply when a user is editing their own profile; accidentally auto-filling somebody else's details could create problems, and is unlikely to be helpful in normal usage.

[jorbin]

Agree on keeping this to only editing one's own profile. This also could be a candidate for a 6.8 minor, but I think we need to see what the change ends up looking like before getting to that

[greatislander]

It definitely should be restricted to editing one's own profile; thanks for the suggestion. That's in keeping with ​WCAG Technique H98 related to this success criterion which notes that "the Success Criterion Identify Input Purpose and autocomplete attribute only place requirements on input fields collecting information about the user" so this would be in keeping the desired WCAG support. I'll update the patch accordingly.

[greatislander]

Updated to check IS_PROFILE_PAGE constant before adding autocomplete attributes. I used an inline if statement but if you'd prefer I could use conditional blocks and output each input differently depending on whether or not IS_PROFILE_PAGE is true.

[lukasfritzedev]

PR looks good.

The proposed changes are implemented and it’s working as expected. The autocomplete are only applied if editing the own user profile.

[joedolson]

Thanks for testing, @lukasfritzedev! Reviewing and preparing for commit.

[joedolson]

In 60283:

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

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.

[damianwilusz]

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: REPLACE_WITH_PATCH_URL

Environment

• WordPress: 6.9-alpha-20250418.170656
• PHP: 7.4.31-dev
• Server: PHP.wasm
• Database: WP_SQLite_Driver (Server: 5.5 / Client: 3.40.1)
• Browser: Chrome 137.0.0.0
• OS: Windows 10/11
• Theme: Twenty Twenty-Five 1.2
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Issue resolved with patch.

Additional Notes

• I checked on own profile and autocomplete fields are added correctly. No autocomplete fields when editing users. It looks like the issue has been resolved.

Supplemental Artifacts

[joedolson]

In 60286:

Administration: Hide skip to toolbar link on small viewports.

Since r55326, the admin sidebar autocloses on small viewports when focus exits the sidebar. Because of this, there is no case where the Skip to Toolbar link will have any function on small viewports.

Props sabernhardt, abcd95, alh0319, mleray, joedolson.
Fixes #63286.

[sabernhardt]

(changeset [60286] relates to #63118)

[joedolson]

Thanks for catching that, @sabernhardt. I know what I did... I changed the ticket number in the commit message, but then I didn't save the message. Sigh. Contributor day commits always have too much chaos! :)