Designing accessible AI experiences

Accessibility as a launch blocker

Retrofitting accessibility is expensive. We treat keyboard operability, sufficient contrast in light and dark themes, and reduced-motion support as requirements from day one.

Checklist we follow

1. Keyboard — every interactive control is reachable and shows a visible focus indicator.
2. Color — information is never conveyed by color alone; text meets AA contrast.
3. Motion — animations respect prefers-reduced-motion.
4. Testing — automated axe scans plus manual screen-reader passes on critical flows.

Example focus styles

.btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--theme-focus-ring);
}

Automated scans

We run axe in Playwright against landing, auth, legal, and blog pages in both themes. Critical violations block release.

Next steps

Read our privacy policy for data practices, or explore platform features.