A leading fintech dashboard featured a modern, glassmorphic layout with frosted cards showing account balances, charts, and transaction lists. However, an accessibility audit revealed major readability issues, particularly under direct sunlight.
The Redesign Process
To achieve 4.5:1 contrast compliance across all cards, the team made three key updates:
- Opacity Tuning: Raised background card opacity from 35% to 55% to create a more consistent surface.
- Font Weight Increase: Swapped thin typography weights for medium and bold styling.
- Added Contrast Outlines: Applied a 1.5px solid border with a 3:1 contrast ratio to all cards.
These updates improved readability and visual comfort for all users while keeping the dashboard's modern aesthetic intact.