Rebuilding a clinical education platform so it works for every user, on every device.

Clinical Learning Hub is a clinical education platform used by 1700+ healthcare organisations to facilitate and manage nurse training. With 50K+ users, it fell under the Americans with Disabilities Act - which mandated WCAG AA compliance by April 2026. There was a clear business case behind this, to avoid millions of dollars in fines.

I was brought in alongside another UX designer, embedded in a team of engineers, QAs, and a PM, with one goal: make CLH accessible in five months. On day zero, we had a list of 200+ flagged issues on our desk from a recent accessibility audit which we needed to resolve.

I spent a handful of hours with my eyes closed, tabbing through screens to see whether they'd make sense to visually impaired users. This not only instilled great empathy, but gave me a new lens through which I now evaluate my designs. Accessibility is not just goodwill, it is also a business strategy for expanding user base. Highlights follow:

Making search navigable without sight

Search is CLH's highest-traffic interaction, nurses use it to source content. Three moving parts add complexity: a filter dropdown, recent suggestions on focus, and smart suggestions divided into three categories. I mapped the full announcement sequence from scratch so a screen reader user hears the right thing at the right moment and navigates search smoothly.

Adapting data-heavy pages for all devices

43% of CLH's pages have tables, adding horizontal scroll naively loses information. I mapped the hierarchy of each layout to understand what data was essential versus deferrable, then designed a table component that converts seamlessly into a card list on smaller breakpoints, reformatting the information lossless-ly.

Reducing form errors with smarter audio feedback

Clinical notes have character limits, but the existing counter was purely visual - screen reader users got no feedback until the field silently stopped accepting input. I designed threshold-based announcements: silence while typing freely, a polite alert at 50 characters remaining, and cascading alerts at 25, 15 and 10 characters remaining.

Building Elsevier's first official design tool

Design system drift is invisible until handoff and Elsevier's scale made it worse: 40 designers, 10+ products, and prolonged designer-dev mediations. I built a Figma widget that scans frames for design system usage, and flags off-brand/outdated components before they surface in handoffs. Tested with 25 designers across 6 teams and adopted org-wide.