Accessibility Infrastructure

AgeWell Design System

40% faster engineering handover · WCAG 2.1 AA

Role

Lead User Experience Designer

Company

Smplicare

Timeline

May 2022 – Present

Screenshot pending

Component library in Figma, screenshot to come

01: The Challenge

Standard UI Kits Failed Accessibility Testing

Material and Eva failed accessibility tests for our users aged 65+ with frailty, cataracts and tremors. No suitable market solution existed.

Screenshot pending

Vendor confirmation that no suitable market solution existed

02: The Innovation

An 18pt Minimum Body Size

Industry standard runs a 14 or 16px base font. I built a system on an 18pt minimum body size and high-contrast ratios instead.

Screenshot pending

Typography and button component sheet, showing the scale

03: Engineering Handover

An Atomic Design Structure

I built an Atomic Design structure in Figma, giving engineering a shared component library and removing UI inconsistencies.

Screenshot pending

Atomic view, base through atom to molecule

Outcome

The Impact

  • Faster handover

    Reduced engineering handover time by 40%.

  • Full compliance

    100% WCAG 2.1 AA compliance across the product suite.

  • Open-source reach

    Open-sourced components used by 250+ designers globally.

Next case studyAfriLearn Gamification →