Ritual Login Accessibility Optimization

This project focused on optimizing the accessibility and user experience of the login and sign up pages for Ritual. I found a few accessibility issues in their design, that most likely impacted the experience for not only users with disabilities, but for the general public.

Key Issues in Log in Page:

• Accessibility errors: The page did not meet WCAG standards, with issues such as missing placeholder texts, insufficient color contrast of focus indicators, and unclear wording.
• Confusing wording: The page is called "Sign in" which and be confused with "Sign up". New users can get confused and abandon creating a new account if not familiar with the website.
• Unclear instructions or alternatives: Users with no account had no indication to create a new account if they found themselves at the "Log in" page.

In addition to the issues found in the "Log in" page, the "Sign up" page had the following key issues:

• Unclear password requirements: The original password field had no instructions on how to set an acceptable password, or have the option to see the input.
• Too many input fields

Implemented Solutions:

• Increased contrast of labels and field borders to meet WCAG AA requirements.
• Changed the wording to make the difference clear between "Sign up" and "Log in" and avoid confusion or feelings of frustration
• Improved focus states by increasing color contrast, adding show password icon, and widening field borders.
• Added a real-time, updatable list for password requirements.

Conclusion:

By making simple yet effective changes, the Log In and Sign Up pages were made more accessible and user-friendly.