<?xml version="1.0" encoding="utf-8"?>
Open full project

This project focused on designing an inclusive and accessible log-in page that allows all users to securely and confidently access their accounts while meeting WCAG accessibility standards.

Highlights:

✔️ Clear & Descriptive Form Labels

✔️ Error Messaging with Helpful Guidance

✔️ Password Visibility Toggle

✔️ High Contrast Colors & Readable Typography

✔️ Designed with WCAG Accessibility Standards

Tools used

Figma

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

4 reviews


The layout is well-organized with clear visual hierarchy, and the multiple login options make it super convenient for users. The branding on the left adds a professional touch, helpful microcopy show attention to user needs. Overall, it creates a smooth and welcoming first impression.

Great work!


Great work, Matias! You’ve crafted a clean, user-friendly log-in that really nails accessibility essentials-from clear labels and error guidance to high-contrast text and a password toggle-making it both intuitive and inclusive. To take it up a notch, you might showcase a snippet of your usability testing or mention specific screen-reader and keyboard-navigation checks to underline how it performs for real users. Overall, this is a thoughtfully executed, polished login experience that sets a high bar for accessible SaaS design.


Excellent job, it appears straightforward and neat.


Nice


17 Claps
Average 4.3 by 4 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>