Skip to content
TPortfolio

2024

Ledger

An open-banking budgeting app with an accessibility-first UI

Role
Frontend engineer
Tags
accessibility, fintech, react
Team
  • Sofia — Product Designer
  • Karim — iOS Engineer
Ledger — hero image

Ledger aggregates bank accounts and turns transactions into a budget people actually keep. The brief: WCAG AA everywhere, including the charts.

Accessibility work

  • Every chart ships a data table twin; screen readers get the table, sighted users the chart.
  • Full keyboard model for categorizing transactions — power users never touch the mouse.
  • Motion-reduced variants for all transitions.

Outcome

The app passed an external accessibility audit with zero blocking issues, a first for the company, and support tickets about "can't find where to click" dropped measurably.

  • Ledger — gallery image 1
  • Ledger — gallery image 2