Update NetID Security Information - Recovery Email (Locked)

UX Comments
When the user wants to update their security information they can edit their recovery email and all 5 of their security questions. There is a sub-navigation bar (from the Yale UI Component Library) where the user can pick which section they want to edit. Before they hit the change button, the text fields are locked.

Update NetID Security Information - Recovery Email (Unlocked)

UX Comments

Once they hit the change button, the text fields are now editable with their current recovery email pre-populated in the field.
There is now a second field called "Confirm Recovery Email"
- There is a requirement that has the user enter their possible new recovery email two times before trying to submit it.
When the user hits submit (pending there are no errors) they are taken back to the initial screen where the email field is locked.

Div

style	page-break-after:always;

Image RemovedImage AddedBorder

UX Comments
Yale Component Library text field error indications. Error Message Yale Email - "Your Yale email cannot be your recovery email. Enter a non-Yale email as your recovery email." Empty Field - "You must enter an email as your recovery email."

UX Comments
When the user navigates to the Security Questions section they can see all 5 security questions they assigned to their NetID account when they first claimed their account (or when they last previously updated them) Before the user hits the "Change" button, all question and answer text fields are locked.

Div

style	page-break-after:always;

UX Comments
Once the fields are unlocked, the user can edit their questions and answers. The question are pre-created questions that the user can select from a drop-down menu. The user can fill out their answers through the text field associated with that question. When the user hits submit (pending there are no errors) they are taken back to the initial screen where the questions and answers are locked.