Made Deem usable for everyone.
Transformed Deem’s accessibility approach into a core design principle making Deem usable for everyone.
My Role
- Product Designer
- Accessibility Auditor
- Design System Contributor
Platforms
- Web, iOS and Andriod
Cross Collaboration
- Product Manager, Design System Developer, Engineering Team
Discovered Accessibility Needs
Discovered barriers, unlocked opportunities to make Deem inclusive for everyone user feeback
Manual AuditsUser Feedback
Built the Accessibility Engine
Created a powerhouse of accessibility by empowering teams & collaborating with real users.
Standard systemsGovernance
Designed with Intent, inclusive Patterns
Integrated accessible design principles into UI components, flows, and interactions.
Handoff ProcessTesting
Iterated with a Feedback-Driven Culture
Continuously improve through feedback loops, usability testing, new standards and real world validation.
Feeback loopsNew wcag standards
Scaled Accessibility Across the Organization
Embed accessibility in the design system, training, and company-wide mindset.
Advocacy Integration
Designing with Accessibility at the Core
Digital Accessibility Spectrum
Key Considerations for Accessible Design
Designing for Visual and Motor Impairment
Visual Impairment
- Semantic Structure in Code
- Adjustable Text size and Contrast
- Screen Reader Compatibility
Motor Impairment
- Support Keyboard Navigation
- Have larger Click and Touch targets based on the input device
- Voice Control and Gesture Support
Keyboard Navigation
- by heading
- by section
- by search (string matching)
- by taxonomy
- by letter/word/paragraph
- by object/element type
“Enhanced Navigation Features through Semantic tags”
Better Voiceovers
SFO → DUB
Apr 8 – Apr 14
“San Francisco international airport to dublin airport, april
eighth to april fourteenth”
Labeled Elements
“image, golden-gate bridge”
“button, close”
“deem logo, click to go to homepage”
Text Size Magnification
Designing for Cognitive Impairment
- Clear and Simple Language
- Consistent Navigation
- Chunking Information
- Avoid Time Sensitivity
- Predictable and Intuitive Interaction
- Reduced motion and animations
How we made components accessible?
- Accessibility notes included pre–dev handoff
- Defined min/max sizes for components & typography
- Labels are crafted with a screen reader-friendly voice & tone.
- Voice control labels are comprehensively included.
