Change Details

====Inline error messaging and validation==== When possible, place messaging inline with where the error occurred and explain to users what caused the error / how it can be fixed. See parent ticket for visual placement of inlined errors. //Log in// | ** Action ** | **Message** | **Location** | **Color**| | User enters incorrect password | Invalid password | Under password input field | Red | User enters incorrect 2FA key | Verification failed | Under 2FA code input field | Red //Create an account// | ** Action ** | **Message** | **Location** | **Color**| | Users password confirmation field does not match password field | Passwords do not match| Under verify password field | Yellow | User correctly verifies password | Passwords match | Under verify password field | Green //CAPTCHA// | ** Action ** | **Message** | **Location** | **Color**| |User incorrectly enters CAPTCHA | Wrong code. Please try again. | Under CAPTCHA text field | Red //2FA// | ** Action ** | **Message** | **Location** | **Color**| | User incorrectly enters 2FA key | Verification failed | Under 2FA field | Red ====Other system messages==== //Submission attempts exceed pre-set threshold// | ** Action ** | **Message** | **Color**| | User exceeds number of login attempts | You have made too many recent login attempts. Please wait 5 minutes before trying again. | Red | User exceeds number of 2FA attempts | You have made too many recent login attempts. Please wait 5 minutes before trying again. | Red //Reset password email confirmation// | ** Action ** | **Message** | **Color**| | User resets their password | Temporary password sent via email | Green //Invalid username// |**Action**|**Message**|**Location**|**Color** | User enters a username that is already in use | Passed down from system message | Error message / system alert | Red Other errors not related to form submission should also be shown as system messages.

Per @cmadeo's note, the following login related tweaks are needed: > [ ] Inline alert for 2FA verification fail > [ ] Update red to #d33 > [ ] Update yellow to #fc3 > [ ] Updated green to #00af89

====Inline error messaging and validation==== When possible, place messaging inline with where the error occurred and explain to users what caused the error / how it can be fixed. See parent ticket for visual placement of inlined errors. //Log in// | ** Action ** | **Message** | **Location** | **Color**| | User enters incorrect password | Invalid password | Under password input field | Red | User enters incorrect 2FA key | Verification failed | Under 2FA code input field | Red //Create an account// | ** Action ** | **Message** | **Location** | **Color**| | Users password confirmation field does not match password field | Passwords do not match| Under verify password field | Yellow | User correctly verifies password | Passwords match | Under verify password field | Green //CAPTCHA// | ** Action ** | **Message** | **Location** | **Color**| |User incorrectly enters CAPTCHA | Wrong code. Please try again.Per @cmadeo's note, | Under CAPTCHA text field | Red //2FA// | ** Action ** | **Message** | **Location** | **Color**| | User incorrectly enters 2FA key | Verification failed | Under 2FA field | Red ====Other system messages====the following login related tweaks are needed: //Submission attempts exceed pre-set threshold// | ** Ac> [ ] Inline alert for 2FA verification ** | **Message** | **Color**|fail | User exceeds number of login attempts | You have made too many recent login attempts. Please wait 5 minutes before trying again. | Red> [ ] Update red to #d33 | User exceeds number of 2FA attempts | You have made too many recent login attempts. Please wait 5 minutes before trying again. | Red //Reset password email confirmation//> [ ] Update yellow to #fc3 | ** Action ** | **Message** | **Color**| | User resets their password | Temporary password sent via email | Green //Invalid username//> [ ] Updated green to #00af89 |**Action**|**Message**|**Location**|**Color** | User enters a username that is already in use | Passed down from system message | Error message / system alert | Red Other errors not related to form submission should also be shown as system messages.