Design

Designing accessible components without the guesswork

Accessibility baked in, not bolted on: keyboard paths, focus management and contrast are part of every Odyssey primitive from day one.

Hannah Wright

Hannah Wright

Apr 10, 2026 · 5 min read

Designing accessible components without the guesswork

Accessibility is baked in, not bolted on. Keyboard paths, focus management and contrast ratios are part of every Odyssey primitive from day one, so you inherit them for free instead of auditing them later.

Why it matters

Odyssey is built code-first: strict types, RSC-safe components and a bundle budget measured in kilobytes. Everything in this post follows from that one decision: design and code share the same tokens, so what you see in Figma is what ships to production.

Where to go next

Browse the blocks library to see these ideas in practice, or wire up the MCP server so your AI tools build against the real component API instead of guessing. Either way, you own the code, with no lock-in.

Continue reading

The Odyssey Dispatch

Be first in, and 10% off.

Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.

One email when it ships. No spam, and you can unsubscribe anytime.