Unit 11: Intro to Photoshop
Unit 12: Design Accessibility
Unit 13: Product Design Thinking
Unit 14: User Experience Design
Unit 16: Introduction to Design Portfolios
Unit 17: Portfolio Development
Unit 18: Personal Branding
Unit 19: Case Studies
Unit 20: Portfolio Website Design
Unit 21: Career Coaching
2 of 2

Error States

When a user error occurs, such as when a form field is filled in with the wrong information or left empty when required, error states should not only be clearly designed, but there should also be contextual information that informs a user what went wrong and how they can fix the error state. The WCAG states that any way to prevent user error through reversible submissions and a confirmation screen is a best practice when submitting information through a form.

For example, Aesop provided error indicator text below the form field as well as turning the form field into red, a typical error color, to clearly indicate that an error has occurred. The fact that the button is grayed out below also indicates that the user cannot move forward unless the current error is rectified. The error message provides a clear explanation of how the user can fix the error.

Scroll to Top