Our approach to accessibility at Miro, a real-time collaboration platform
summary
Miro runs a third‑party WCAG 2.1 audit that finds over 300 issues and remediates fixed over 95%, publishing a VPAT-style accessibility conformance report at miro.com/accessibility. The product team reimplements keyboard and ARIA support for an HTML canvas: linearization by vertical‑overlap grouping, container “frame” hierarchy with Cmd+Arrow and Cmd+Shift+Down/Up shortcuts, and direction search using an angle‑weighted distance metric. Screen reader output uses a single live region approach (better performance and collaborator announcements). Also: reduced motion, color tooltips, common palette, background colors, an automated checker, sound experiments and AI clustering.
AI-written summary · about
chapters (8)
- 0:00Introduction to accessibility at Miro
- 3:31Building accessibility foundations
- 9:29Innovating for accessibility
- 11:57Keyboard navigation on canvas
- 23:19Screen reader and perceivability
- 33:59Inclusive meetings and research
- 39:14Future plans and next steps
- 41:31Q&A session
related talks
01h 02mAccessibility - how to get the job done in a highly collaborative manner
53mAccessing Accessible Accessibility
49mProgramming for Accessibility
59mAccessibility in UX: A panel discussion
06mBreaking barriers
23mI See: Overcoming Challenges in Software Development
37mAccessibility Matters: Creating a Better Web
40mMicrosoft AI for Inclusion and Innovation