2719 archived accounts fix missing form label

[HyMike]

• Fixes Dev: WAVE Page Audit: View Archived Accounts #2719 Missing form label

What changes did you make?

• Fixed a WAVE accessibility error for a missing form label on the search input. Added a id="searchString" on the input to associate the label. Initially, I used the sr-only class on the label, which hid the 'search by user' text visually. Then I removed the sr-only so the label is visible while maintaining accessibility, Since the with htmlFor is already accessible to screen readers.

Why did you make the changes (we will use this info to test)?

• To be WCAG 2.2 compliance

Issue-Specific User Account

If you registered a new, temporary TDM User Account for this issue, indicate the
username (i.e., email address) for the account.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[rayneng]

adding id="searchString" to <input> correctly matches the input up with the label. Screen readers will read "Search for user" when hovering over this form element, which is the desired behavior.

[rayneng]

Note for merge team, please hold off on merge until @HyMike marks off all completed action items.
...
Michael I've provided my review but I need you to complete the action items so PMs know you obtained accessibility lead approval (@geolunalg or myself). We will revisit these tickets in the future to confirm we followed our procedures correctly.

Missing Action Items

[HyMike]

Completed, Thanks.