Square - Accessible Signup Form

Great job on designing the login/signup flow! It's simple, clear, and you've effectively highlighted how accessible the forms are. The inclusion of an eye icon to reveal the password is a thoughtful touch. Extra kudos for the presentation of your work!

However, I noticed that you haven't included an actual error message, only its placeholder labeled "informational text." Given the excellent work you've done elsewhere, providing a suitable error message would truly elevate your project. Keep up the great work!

Let’s look at how they might be enhanced:

• The labels 'Continue' on the primary buttons are clear for proceeding, but they could be more descriptive of the action. For instance, 'Sign In' and 'Register' directly communicate the action that will be taken, which can be helpful for users.
• The icons inside the input fields and the tooltip icon should be sized consistently to maintain a clean and orderly layout. Uniformity in icon size also helps users recognize patterns and aids in quicker form completion.
• The primary action buttons are placed slightly varied in vertical position on each screen. Aligning them perfectly could reduce cognitive load and improve the flow between the sign-in and sign-up processes.
• The 'Terms & Privacy' text doesn’t stand out as a clickable link. Styling it to look more like a traditional hyperlink, perhaps with a different color or underlining, would clarify that it’s interactive.

My only consideration would be whether it would be worth giving a little bit extra space between the button and text field so that one isn't activated before the other. But otherwise you've clearly thought about what needs to be applied to make this accessible and have provided clear examples in the link. Well done!