Skip to content

Broken label–input association in AccountForm password fields (accessibility) #3945

@Irfan762

Description

@Irfan762

p5.js version

No response

What is your operating system?

None

Web browser and version

No response

Actual Behavior

Actual Behavior

Password-related labels in AccountForm.tsx use htmlFor values containing spaces, which do not correctly match valid input id attributes.

Examples:
htmlFor="current password" — spaces in ID
htmlFor="new password" — spaces in ID

IDs with spaces are invalid in HTML and break label–input association.
Screen readers cannot properly announce these fields (WCAG 2.1 Level A violation).

Location

client/modules/User/components/AccountForm.tsx
Line 147
Line 169

Expected Behavior

Each must exactly match the id of its associated .
IDs must not contain spaces and should be single tokens, e.g.:

currentPassword
newPassword

Steps to reproduce

1.Open the Account Settings / Password update form
2. Inspect password fields
3. Observe htmlFor values contain spaces
4. Use a screen reader — labels are not properly announced

Metadata

Metadata

Assignees

No one assigned

    Labels

    Awaiting Maintainer ApprovalNeeds review from a maintainer before moving forwardBugError or unexpected behaviors

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions