iOS A11Y Signup Flow for SaaS Platform
This project is an accessible iOS signup flow. It includes three simple screens: a splash screen, a signup screen, and a login screen.
My goal was to make the experience as easy as possible for everyone. The design uses high-contrast colors, clear text, readable spacing, and simple language. It also works smoothly with screen readers and assistive tools.
Each screen focuses on one task at a time. The actions are clear, the labels are direct, and the layout is easy to follow. This helps all users complete the signup process without confusion, frustration, or extra steps.
Accessibility is not an extra feature here. It is part of every decision in the design.
Tools used
From brief
Topics
Share
Reviews
6 reviews
I can see you've focused on minimalism and readability, which is a good direction for accessibility. The welcome screen works - the gradient is subtle, the logo is clear, and the CTAs are obvious. The signup and login screens are a solid foundation with high contrast and clear hierarchy.
But honestly? I'm missing a few things that would have a real impact on accessibility. I don't see any error messages or validation hints - and that's crucial for screen reader users. The password has a visible technical requirement, but how does the system react to errors? The eye icon buttons for showing passwords are great, but do they have proper labels for VoiceOver? The checkbox by the terms seems small - it might be hard to hit for people with motor difficulties.
If I'm being completely honest - this looks like a nice, clean interface, but accessibility is more than high contrast. It's also feedback, error handling, proper touch target sizes, and ARIA labels, which I don't see here. The brief mentions screen readers and assistive tools - but the design doesn't show that.
You have a good foundation to build on. Add states, error handling, and accessibility annotations, and it will be really strong. 😊✌️
Great work !!
Solid execution on the UI! The gradient on the onboarding screen creates a really modern, engaging first impression without being overwhelming.
I also want to commend the inclusion of Apple and Google SSO (Single Sign-On). That’s a crucial UX decision that significantly reduces friction during the sign-up process. Great job balancing aesthetics with usability.
Congratulations on the great project, Habiba Salem. I loved the way you showcased it in the thumbnail.
Here’s a small improvement suggestion:
You could slightly increase the contrast of the input components by adding a subtle stroke around them in a slightly stronger gray tone. This will help improve the accessibility of your login screen.
Congratulations on the project, and if you have any questions, I’m here to help.
Beautiful design Habiba but I would like to see more on accessibility like error and validation messages, both crucial for screen readers.
There is also a problem with focus states, although clear, everything I tap becomes "in focus" and tapping something else doesn't remove the focus from the previous item. You see the problem here, if everything is in focus, nothing is in focus.
Finally, how does the eye icon react to an interaction with it? Do we also have screen reader labels for it?
Do we really need "full name" and "confirm password" to create a new account? Maybe we could simplify that even further. A good password feedback system removes the need for the confirm password input and a full name is honestly dependent on the platform niche so just something to think about.
I would also like to see what the "forgot password" page looks like as it is part of an accessible signup flow.
I also feel like we need a bit more spacing around the checkbox if we're to keep it that size.
You have a solid foundation. Good contrast, clear language, simple design. A few adjustments and you'll have a much more accessible design.
This project looks really good the screens are simple and easy to understand and everything feels really clear the text is readable the buttons are obvious and the whole flow is straightforward.
I also like that the colors look good and the spacing makes everything easy to read.
Overall I didn’t really find any problems with the prototype.
It does what it’s supposed to do and it feels easy for anyone to use.
You might also like

Light & Dark Mode Mobile App Exploration

Garden - Stakeholder Communication Plan

Redesigning Bumble’s Onboarding for Better Connections

Bumble A/B Test

Dark Mode Music App













