Indicate password requirements on sign up form

[digitalWestie]

Just a sentence beneath password. Perhaps check django user docs for confirmation it's just 8 characters required.

[Mike-Heneghan]

Need to add the password requirements somewhere logical.

[Mike-Heneghan]

Finding it hard to pin down the password requirements although it seems to be a minimum of 8 characters.

[Mike-Heneghan]

Trying to do a bit of research for user experience best practices with password creation.

https://www.nngroup.com/articles/password-creation/

[Mike-Heneghan]

Tried to use the error style boxes to give the password requirements although struggling to unpick the way it's being handled.

[Mike-Heneghan]

Experimented with trying to update the signup model password input fields to change the behaviour.

    password1 = forms.CharField(
        label="Password",
        strip=False,
        widget=forms.PasswordInput(attrs={
            'autocomplete': 'new-password',
        }),
        help_text='Minimum of 8 characters.',
    )

Unfortunately, the help_text isn't appearing. Need to continue experimenting.

[Mike-Heneghan]

Managed to get the help_text to display the password requirements as below:

The password requirements may not be obvious although if they appear when the user selects the field it might be clearer?

Also the autocomplete could is annoying because it autofills the postcode field withmy email address and a single blanked password. If the user is creating a new account they shouldn't have any autocomplete information?

[Mike-Heneghan]

Before the user clicks or tabs to the password field.

After the user click or tabs to the password field.

Had to add help_text to both fields otherwise, the formatting was off.

Also found that the help_text was clearer when above, otherwise it would be obscured by the autofill.

Also used .focus() rather than .click() as tabbing by accessibility users wouldn't show the password requirements.

[Mike-Heneghan]

With autocomplete settings unchanged:

With new password setting as below:

widget=forms.PasswordInput(attrs={
            'autocomplete': 'new-password',
        }),

I think this is a usability improvement as erroneously having the email in the postcode field is confusing as well as a hidden password populating which the user has to overwrite.

[Mike-Heneghan]

Merged into master.