Sign up Form for SaaS Platform

I've designed a sign-up form for a SaaS platform with strict adherence to Web Content Accessibility Guidelines (WCAG) to create a more inclusive and seamless user experience. While the original sign-up form in the Uber Eats app is well-designed, I’ve made specific enhancements to further improve its accessibility.

Luminance Contrast for Readability: To ensure text is easily readable, all text elements meet or exceed the WCAG-recommended contrast ratio of 4.5:1, improving visibility for all users.

Distinct Styles for Interactive Elements: Interactive elements are styled for easy identification. Links that switch between the Login and Sign-Up screens are underlined and displayed in green, enhancing navigation and usability.

Consistent Navigation: Uniform headings throughout the app provide clear orientation cues, helping users understand their location within the interface and ensuring a structured, predictable experience.

User Feedback on Interactions: Immediate feedback is provided for user actions. Error messages are highlighted with colored text, error icons, and red-bordered input fields, making mistakes easily noticeable and quick to correct.

Clickable Labels for Input Fields: Input labels remain visible and interactive at all times, preventing confusion and improving usability.

Password Visibility Toggle: An eye-slash icon allows users to toggle password visibility, reducing errors and enhancing convenience during input.

Multiple Login Support: Users have flexible recovery and access options, including “Forgot Password,” third-party login integrations, and direct support center assistance.

Language Accessibility: A language-switching option ensures inclusivity by allowing users from diverse linguistic backgrounds to navigate the app in their preferred language.