SaaS Accessibility Form
Finly is a SaaS finance platform. The goal was to redesign its signup pages to be accessible, user-friendly, and visually clear across devices, following WCAG 2.1 AA standards.
Design Rationale
The redesign focused on clarity, inclusivity, and ease of use. I chose a single-column layout for better readability and logical navigation. Each input field includes clear labels, visible focus states, and proper input types (email, password) to support screen readers.
Error messages appear directly below fields, using both color and icons for visibility, and include helpful instructions like “Please enter a valid email.” Buttons have strong contrast and visible focus feedback for keyboard users.
The color palette uses violet for reliability, red for errors (high contrast for accessibility), and neutral grays for balance. Typography (Inter) ensures readability across mobile and desktop.
Accessibility Highlights
- ✅ Clear focus states for keyboard users
- ✅ Descriptive labels and semantic input types
- ✅ Inline, readable error messages
- ✅ High color contrast (meets 4.5:1 ratio)
Tools used
From brief
Topics
Share
Reviews
1 review
Dear Seun,
Really loved the Prototype, its smooth and elegant.
It follows all the ui principles. Although, in the signup after tapping password, I found two conflicts which are minors.
- Password Placeholder is slightly lifting up after tapping the ye, solution to this is give the same height to the masked password and unmasked password.
- When keyboard comes, the Signup CTA goes below the Keyboard, You can reduce the size of the Password eligibility criteria.
Rest looks great. All the best :)
You might also like
Fresh Baladi | Real-Time Bakery Alerts App | UI UX Case Study
Rummly - A zero-friction freecycle app
Product Catalog Mobile design
Crave Corner – Brand Identity for a Modern Dessert Cafe
Plants Shop APP UI Kit
Iron Fit
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
