NewPasswordForm: broken label–input association (accessibility)

[Nixxx19]

p5.js version

No response

What is your operating system?

None

Web browser and version

No response

Actual Behavior

• Password field: htmlFor="password" but id="Password" (case mismatch).
• Confirm password: htmlFor="confirm password" and id="confirm password" (spaces in ID are invalid).

Labels are not correctly associated with inputs. Screen readers cannot announce the fields properly (WCAG 2.1 Level A violation).

Location: client/modules/User/components/NewPasswordForm.tsx lines 30, 37, 50, 57

Expected Behavior

Each <label htmlFor="..."> must match exactly the id of its associated <input>. IDs must not contain spaces and should be single tokens (e.g. password, confirmPassword).

Steps to reproduce

1. Open the “Set new password” form (e.g. from reset-password link).
2. Inspect the password and confirm-password fields: label htmlFor and input id do not match (case and spaces).
3. Use a screen reader; labels are not announced correctly for these inputs.

Snippet:

// NewPasswordForm.tsx
<label htmlFor="password" className="form__label">...</label>
<input id="Password" ... />   // mismatch: Password vs password

<label htmlFor="confirm password" className="form__label">...</label>
<input id="confirm password" ... />   // invalid: spaces in id

Fix: Use id="password" and id="confirmPassword" with matching htmlFor values (e.g. htmlFor="password" and htmlFor="confirmPassword").

[Nixxx19]

Hi @raclim!
I'd love to work on this issue and submit the fix for it. I'll align the label htmlFor and input id attributes in NewPasswordForm (e.g. password, confirmPassword) so screen readers can associate them correctly.

[Nishthajain7]

Can I work on this issue

[raclim]

Thanks for catching this issue @Nixxx19 and for your interest @Nishthajain7! Would both of you be open to potentially reviewing a PR raised by @Irfan762?

[Nishthajain7]

Suree

[Irfan762]

@raclim Thank you for the opportunity! I’ll start working on the issue and raise a PR soon. I appreciate your support and would be happy to get it reviewed.