Metro Health Clinic aimed to make their existing patient portal more inclusive and user-friendly for all patients, particularly those with disabilities, to meet WCAG 2.1 AA standards.
Role:
Accessibility Lead & UX Designer
Timeline:
6 Weeks
Tools:
My Contributions:
WCAG 2.1 AA Audit
Assistive Technology Testing
User Testing (with disabled users)
UI Redesign for Accessibility
Staff Training Materials
While functional, Metro Health Clinic's patient portal had significant accessibility barriers. The challenge was to thoroughly audit the existing portal against WCAG 2.1 AA guidelines, identify all violations, and redesign key workflows like appointment booking and prescription refills to be fully accessible and more usable for patients with diverse needs, including visual, auditory, motor, and cognitive impairments.
Key Activities & Links:
We conducted a comprehensive WCAG audit using automated tools and manual inspection. This was followed by usability testing sessions involving users with various disabilities using assistive technologies. Based on the findings, key interface elements and user flows were redesigned, focusing on semantic HTML, keyboard navigability, sufficient color contrast, ARIA attributes, and clear labeling. Training materials were also developed for clinic staff.
The redesigned portal successfully achieved WCAG 2.1 AA compliance. More importantly, patient satisfaction scores for portal usage improved by 40%, with particularly positive feedback from users who previously struggled to access information and services.
“The redesigned portal is so much easier to use now with my screen reader. Thank you!”
— A Metro Health Clinic Patient
Redesigned the Helping Hands Foundation website to better communicate their mission, attract volunteers, and simplify the donation process.
Redesigned the Helping Hands Foundation website to better communicate their mission, attract volunteers, and simplify the donation process.