Accessible Signup Form for Uber Eats

In designing a sign-up form for a SAAS platform, I’ve strictly followed the Web Content Accessibility Guidelines (WCAG) to ensure a smoother, more inclusive user journey. While the original sign-up form in the Uber Eats app is well-designed, I’ve made specific enhancements to further increase its accessibility. Below are the improvements I’ve incorporated:

Luminance Contrast for Readability: The WCAG recommends a minimum luminance contrast ratio of 4.5:1 to ensure text is easily readable. In my Sign-Up form design, all text meets or exceeds this ratio, ensuring clear readability for all users.

Distinct Styles for Interactive Elements: WCAG suggests using distinct styles for interactive elements to make them easily identifiable. I’ve applied underlined green text to the links that switch between the Login and Sign-Up screens, enabling users to easily navigate between them and making the journey more intuitive.

Consistent Navigation: To meet WCAG guidelines on clear and consistent navigation, I’ve ensured that headings are uniform throughout the app. This provides users with clear orientation cues, helping them know where they are within the app at all times.

User Feedback on Interactions: Feedback for user actions, such as confirming form submissions or signaling errors, is crucial. I’ve added error icons, colored text, and red borders around input fields with mistakes, ensuring that errors are immediately noticeable and easy to correct.

Clickable Labels for Input Fields: In my design, input labels are always visible and easy to interact with, ensuring that users are not misled when selecting a field.

Password Visibility Option: An eye-slash icon allows users to toggle the visibility of their passwords without re-entering them, making the process more convenient and less prone to errors.

Multiple Login Support: To ensure no user is left behind, I’ve incorporated multiple login recovery options. Users can click "Forgot Password," log in through third-party platforms, or contact the support center for help.

Language Accessibility: The app offers language-switching options, making it accessible to users from different linguistic backgrounds and enhancing inclusivity.