Redesigning the Map: TransitLoop's Accessibility-First Overhaul

Tech · 6 min read

TransitLoop's previous map relied heavily on color coding and dense iconography, which created problems for users with color vision deficiency and cognitive load issues. The design team initiated an accessibility-first overhaul that began with audits against WCAG and interviews with riders who use screen readers and low-vision modes. The brief prioritized legible typography, clear hierarchical information, and alternative encodings beyond color.

The new map introduced textures and shape cues for routes, larger tap targets, simplified station cards, and a compact mode for voice interaction. They replaced complex overlays with progressive overlays that reveal detail on demand. In field tests, task time for planning a transfer decreased by 27% for low-vision participants and reported confidence in route accuracy rose substantially.

TransitLoop also changed their QA process to include automated contrast checks, keyboard-only flows, and an accessibility beta group with real riders who receive compensation for testing. The team shared their component library updates publicly to help other transit apps adopt similar patterns. The project shows how reframing constraints as design drivers yields better outcomes for all users, not just those with specific needs.