Crafting an Inclusive Digital Experience

Access Now

Revamping a medical product for the US market to ensure ADA compliance and drive wider adoption.

My client, who offers a Medicare product suite for the U.S. market, was facing challenges because their offerings were not ADA-compliant. As the UX Lead on this project, I led the redesign of their flagship medical product and conducted UAT with real users of assistive technologies who have visual disabilities.

Revamping a medical product for the US market to ensure ADA compliance and drive wider adoption.

My client, who offers a Medicare product suite for the U.S. market, was facing challenges because their offerings X not ADA-compliant. As the UX Lead on this project, I led the redesign of their flagship medical product and conducted UAT with real users of assistive technologies who have visual disabilities.

Client

Wipro (Internal Product)

Date

2024

Industry

Healthcare Insurance

Scope of Work

Accessibility Design

Design System

User Acceptance Testing

4,187 lawsuits for digital accessibility were filed in the USA by the end of 2024.

MY APPROACH TO INCLUSIVE DESIGN

This medical product was intended for widespread use by individuals with disabilities. In every decision, function led form. I prioritized usability and ADA compliance over aesthetics, ensuring it worked seamlessly with assistive technologies.

UX Audit & Usability Review

Audited the legacy app using NN/g principles. Identified key issues and defined actionable improvements.

Stakeholder Alignment

Audited the legacy app using NN/g principles. Identified key issues and defined actionable improvements.

Accessible Design System

Created an accessibility-first design system for consistent, scalable, cross-device experiences.

User Acceptance Testing

Tested with assistive technology users to validate accessibility in real-world use.

UX Audit & Usability Review

Audited the legacy app using NN/g principles. Identified key issues and defined actionable improvements.

Stakeholder Alignment

Aligned stakeholders on priorities, shifting the scope from incremental fixes to a full redesign.

Accessible Design System

Created an accessibility-first design system for consistent, scalable, cross-device experiences.

User Acceptance Testing

Tested with assistive technology users to validate accessibility in real-world use.

MY APPROACH TO
INCLUSIVE DESIGN

Started with a UX audit to uncover critical UI and accessibility issues, setting the foundation for a full product revamp. As the scope grew, I scaled the team to three designers and led the end-to-end redesign.

/01
MAKING COLOR ACCESSIBLE AND READABLE

Through direct interaction with users who rely on high-contrast settings, I gained valuable insight into their visual needs. These learnings informed the selection of color combinations that meet WCAG standards, significantly improving readability, clarity, and overall usability across the product.

Before
Before

Before

Before
Before

/02
Optimizing UI for Assistive Tech

We established descriptive placeholders, persistent labels, and clear error/success indicators. ARIA labels were defined for all interactive elements, ensuring screen reader clarity. These enhancements were embedded into the design system, making accessibility the default standard.

/03
STRUCTURING VISUAL HIERARCHY USING GUTENBERG PRINCIPLES

Applied Gutenberg’s diagram to establish a clear visual flow and guide user attention toward key actions. By strategically repositioning content and CTAs along natural reading paths, the interface became more intuitive, improving scanability and engagement.

Before
After

/04
DESIGNING RESPONSIVE EXPERIENCES ACROSS BREAKPOINTS

Developed responsive prototypes using defined breakpoints for mobile, tablet, and desktop. Leveraged auto layout and constraints to ensure consistent scaling of layouts, touch targets, and typography, delivering a seamless experience across devices.


2.2x
Improvement
in contrast ratio

  • WCAG 2.1 compiant

  • Screen reader compatible UI components


2.2x
Improvement
in contrast ratio

  • WCAG 2.1 compiant

  • Screen reader compatible UI components


2.2x
Improvement
in contrast ratio

  • WCAG 2.1 compiant

  • Screen reader compatible UI components


2.2x
Improvement
in contrast ratio
  • WCAG 2.1 compiant
  • TESTED WITH USERS OF ASSTIVE TECHNOLOGY


2.2x
Improvement
in contrast ratio

  • WCAG 2.1 compiant

  • Screen reader compatible UI components


2.2x
Improvement
in contrast ratio
  • WCAG 2.1 compiant
  • TESTED WITH USERS OF ASSTIVE TECHNOLOGY