Loading...
A keyboard-first flashcard app designed to help non-native speakers practise interviews with more confidence. Built with screen reader support, motion control, and structured semantic markup as part of the core UX rather than as a later add-on.
Overview
An accessibility-focused interview flashcard app built from the start with A11Y as a product principle rather than a retrofit. The project demonstrates how inclusive interaction design, implementation details, and validation can work together in a real usable product.
I created the app to support non-native speakers preparing for interviews. From the start, I wanted it to be privacy-friendly and fully usable by keyboard and screen reader, while still feeling polished and practical as a real tool rather than a demo.
The challenge was to make an interactive app accessible in practice — not only at the level of semantic markup, but across motion, notifications, focus management, validation, and dynamic screen states.
Accessibility Implementation
Validation & Testing
Performance Work
Accessibility
100 on all core screens
Best Practices / SEO
100 on key audited pages
Performance
97+ even on dynamic pages
Skip Link
A visible-on-focus skip link that allows keyboard users to jump directly to main content.
Semantic Landmarks
Semantic structure designed to improve screen reader navigation.
Toast Accessibility
Toast messages implemented with assertive live region behavior.