Password Input improvement

[amelie-bresson]

For which component/foundations?

PasswordInput (to be confirmed by designer)

Prioritization

Low 🏖️

Description

The component needs to include rules about the placeholder text, hint text and completion progress. Product writers suggest to improve the password fields as described below (Designer input needed). Impacts: B2C and B2B account settings and account creation.

Suggestions:

• New placeholder text:

"Enter your password."

• New persistent hint below the field

"Add characters, uppercases or symbols for more security."

• Progress bar (red, then green) with a message that evolves as the password gets stronger (text color = progress bar color):

• Almost there!
• Perfect!

[Tech] Implementation

No reponse

Due Date

No reponse