Elixir

Empowering realtors and agents, Elixir seamlessly facilitates property listings, sales, and transaction processing, providing a streamlined and efficient digital solution.

The Product:

Elixir, the web-based app, is your all-in-one solution for property management, catering to realtors, agents, tenants, and more. Seamlessly handling everything from property listings to sales and purchases, Elixer revolutionizes the way we manage and transact real estate.

Who is/are the user/s?
Agents, Branch Managers, OA, Tenants, Buyer & Seller.Project Duration:2023

My role

Sr UX/UI Designer

Tools:

Figma
Wave
Axe

Responsibilities

• Conduct Accessibility Audits.
• Implement Inclusive Design Principles.
• Stay Informed on ADA/WCAG Guidelines.
• User Testing for Accessibility.
• Create Accessible Wireframes and Mockups.
• Provide Alt Text for Images.Color Contrast and Readability.Document Accessibility Guidelines.Collaborate with Development Teams.Continuous Improvement.

Problem

The Elixer project currently lacks 100% accessibility, falling short of ADA/WCAG standards. This hinders inclusivity and poses a significant challenge to providing a universally usable experience. Addressing these gaps is crucial to ensure ADA/WCAG compliance, fostering an environment where all users can seamlessly interact with content and features. Rectifying these accessibility issues is integral to the project's success and promoting universal usability.

Goal

The primary goal of this project is to deliver a concise overview of identified failures, unmet expectations, and recommendations for remediation. The focus is on achieving and enhancing Level AA ADA/WCAG compliance. The project aims to provide a clear understanding of existing shortcomings, propose actionable solutions, and guide the implementation of measures that ensure a heightened level of accessibility in alignment with ADA/WCAG standards.

Understand ADA/WCAG Guidelines

Web Accessibility

Accessibility, as defined by ADA (Americans with Disabilities Act) and WCAG (Web Content Accessibility Guidelines), ensures that digital content and online services are inclusive and usable for all individuals, including those with disabilities.

ADA is a U.S. law that prohibits discrimination against people with disabilities, while WCAG provides international standards for web accessibility.

Compliance with ADA and adherence to WCAG guidelines involve designing websites and digital content in a way that accommodates various disabilities, such as visual, auditory, cognitive, and motor impairments. This encompasses practices like providing alternative text for images, ensuring keyboard navigation, and creating a universally accessible user experience, fostering an inclusive online environment for everyone.

WCAG (Web Content Accessibility Guidelines) 4 core principles.

As of my last knowledge update in January 2022, WCAG (Web Content Accessibility Guidelines) is based on four core principles, often referred to as POUR, representing Perceivable, Operable, Understandable, and Robust. These principles guide the development of accessible web content. Here's a brief overview of each principlehttps://www.w3.org/TR/WCAG21/#understandable

1. Perceivable

Information and user interface components must be presentable to users in ways they can perceive.

2. Operable

All users should be able to interact with and navigate the website.

3. Understandable.

Information and operation of the user interface must be clear and straightforward. This includes creating legible, readable text, designing consistent navigation and functionality, and avoiding content that may be confusing or prone to errors.

4. Robust

Content must be robust enough to be reliably interpreted by a wide variety of user agents, including assistive technologies. This involves using valid code, ensuring compatibility with current and future technologies, and avoiding practices that might hinder accessibility.

Perform Accessibility Audit

Tools used

Use automated tools, such as WAVE or AXE, to perform an initial accessibility audit. These tools can help identify common accessibility issues.

Auditing

During this stage, I conducted comprehensive testing to ensure optimal legibility, focusing specifically on contrast color. Additionally, I rigorously assessed the website's adherence to various WCAG requirements, including the implementation of alternative text for non-text content and other critical accessibility elements.

Design System

ADA Compliance and Design System Enhancement

Following a thorough audit for ADA compliance within the Elixir product, I spearheaded the initiative to create and enhance our design system. Identifying and addressing accessibility issues, we ensured a seamless user experience for all, aligning our design practices with inclusive principles. This process not only prioritized user accessibility but also streamlined our design workflows, fostering a more efficient and user-centric design system for the product.

What's Next?

After meticulously documenting all identified deficiencies in the UI and UX of Elixir, in alignment with WCAG guidelines, the next step involves seamless collaboration with developers. The comprehensive documentation serves as a reference point for constructive discussions on implementing the suggested improvements. This collaborative effort ensures that the identified accessibility issues are not only addressed but also integrated into the development process. Subsequently, rigorous testing will be conducted to validate the effectiveness of the implemented changes, providing a holistic approach to enhancing Elixir's accessibility and user experience.

Conclusion

In summary, the comprehensive ADA and WCAG study conducted for Elixir, our web-based property management app, represents a significant step forward in enhancing accessibility and user experience. Through meticulous addressing of identified deficiencies, the project has transformed, ensuring inclusivity for realtors, agents, tenants, and more.

The refined UX/UI design aligns seamlessly with ADA and WCAG standards, reinforcing Elixir's commitment to providing a revolutionary, user-friendly platform that reshapes real estate management. This case study highlights our dedication to compliance and creating an accessible, innovative, and inclusive solution for all stakeholders.