UX Enhancement: Refine Validation Error Messaging and UI Feedback on Signup Page #5669
Description
Description
The Problem
The current error handling on the "Create an account" page is generic and creates unnecessary friction for the user.
Generic Banner: The message "Please fix the errors below" doesn't specify which fields or how many fields need attention.
Visual Hierarchy: The pink error banner and the red inline text compete for attention, making the form feel "loud" and discouraging.
Accessibility: Relying solely on color (red) to indicate errors can be difficult for users with color blindness.
Suggested Improvement
We should move toward a more "human-centric" and informative error state:
Specific Banner: Change the banner to reflect the specific issue, e.g., "There are 2 fields that need your attention."
Inline Clarity: Instead of just "Field is required," use field-specific guidance like "Please enter your first name."
Visual Polish: Use icons (like a small exclamation mark) alongside the red text to improve accessibility and make the error state feel intentional rather than broken.
Steps to Reproduce
Navigate to the Signup page.
Leave all fields blank.
Click the submit button.
Observe the current error banner and inline messages.
