Accessible Sign Up

Really nice work there!

The error and success feedback feels smooth, very good practice to avoid disabling the buttons if the fields are empty and instead just validate on button tap, the process seems pretty straight forward, and the password requirements are clearly laid out. Also liked the fact that the show/hide toggle just slides over to the left when the error/success icon shows up and that there is clear feedback on creating the account successfully!

A few things to consider that might make this even stronger:

• Could the first screen offer more value? Right now it only serves as a transition page, there is no loss if the screen is removed. What if instead it acted as a screen where you could choose what you want to do next, considering the types of users we encounter?
• The 'or' might benefit from a stronger color contrast against the background (at least AA level) and/or a stronger font weight. The divider lines however are perfect in that they are subtle.
• Real-time feedback on hitting the password requirements. That little something to make the user feel like they're on the right path.
• Is repeating the password really helping, or is it a point of friction instead? You already did a great job adding the show/hide toggle button in case the user wants to check what they are inputting.
• This might sound controversial, but input placeholders might do more wrong than good. The placeholder's color contrast will either be an issue for accessibility, either be a pain because the color is too close to inputted text and the user might mistake the field for being filled when it isn't in fact. If the labels are clear and the necessary info (like the password requirements for example) is already mentioned underneath/above the field, there's no need for placeholders.

Overall, a really good foundation here! What's left is merely just refining. ☺️

Nice