Siter.io Signup & Login A11Y
For the “Accessible Signup Form for SaaS Platform” brief, I analyzed Siter.io, a no-code website builder (I have a soft spot for web and mobile app tools, what can I say). The landing page immediately stood out with its sleek, modern look, but as I dug deeper into the login and signup flow, I spotted several areas where UX and accessibility could be significantly improved.
With my background in both UI development and UX/UI design, accessibility issues tend to jump out quickly. A few key problems I noticed:
- The first input field grabs focus on page load, with no page context for screen reader users.
- The login/signup switch is buried too low in the page hierarchy.
- Input focus styles fail contrast checks.
- Placeholder text is low contrast and redundant, risking confusion.
- Error messages are vague, non-persistent, and don’t clarify what’s wrong.
And that’s just the start. Check out the full project for a deeper breakdown!
Tools used
From brief
Topics
Share
Reviews
9 reviews
Solid effort on tackling accessibility in the Siter.io signup and login flows. The clean layout and clear labels make the forms easy to use, and it’s obvious accessibility was on your mind from the start. I like the improvements you made to the focus and error states—they’re more visible now without being distracting. However, there’s still room to push the hierarchy and contrast even further. Some elements could stand out more, and the placeholder text might benefit from a bit more clarity. Overall, a thoughtful project that shows good attention to detail, but there’s space to refine the user experience even more.
Good start, clean and tidy space but I think you can improve in more area like:
- Hierarchial - which component more standout or not
- Make social media login more stand out by using primary / logo color
- make a text field more easy to look by change a litle bit black to gray-black
I hope this is can improve your UI and conversion design
Great improvement overall! Just a quick suggestion to further enhance the user experience:
Consider adding clear, helpful placeholder text and ensuring all interactive elements are properly labeled for screen readers. This will improve both usability and accessibility.
Nice work on the Siterio Signup/Login A11y screens! The clean layout and clear labels make the forms super user-friendly. Great to see accessibility considered from the start—good spacing, readable text, and logical flow. Adding strong focus states or error feedback would push it even further, but overall, solid and inclusive design! ✅🔐
Nice work Monica—the layout feels clean and thoughtful, overall it’s a strong and accessible design!
overall appreciate the effort you made , only thing that is causing a eye glitch . is that there is a slight difference between the color of the LOGIN button and FACEBOOK , I think brand color of siter.io is different than the facebook brand color. but that slight difference is disturbing the balance and eye
Awesome Analysis
Good job Monica
Hi Monica, I like the way you've presented your work. Provided decisions improved accessibility overall and made the experience look more professional.
You might also like
Fundraising Website
Mobile onboarding flow
NEWFASHON™ - Landing page
HR Management App
Docto
MamaFlow
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
