Vanessa Johnson is a software engineer with an entrepreneurial spirit and a flare for interweaving function and accessibility into everyday projects. She currently works as an android engineer to help bring your favorite puzzles to life as part of the New York Times Games app dev team. When she isn’t busy traveling the globe and giving talks at national/international conferences, she can be found playing basketball or binging horror movies with her best friend.
Server driven UI shouldn’t ship only layout and copy, it should ship accessibility semantics too. This talk shows how to embed a11y hints (labels, roles, states, live regions) directly in your GraphQL schema using directives, so clients render accessible components by default. We’ll design a small directive set, map it to Android Compose semantics and Web ARIA, and add lightweight contract tests that watch the schema for regressions (e.g., a required label removed). You’ll leave with a directive catalog, client side mapping patterns, and a rollout checklist that lets platform teams make a11y a server driven contract not an afterthought.
Takeaways:
- A copy ready @a11y directive set + examples
- Patterns to map schema semantics -> Compose/ARIA
- Contract test rules to catch regressions in CI
Searching for speaker images...