AI & Web Accessibility in Practice: Closing the Design-to-Code Gap

This practical workshop shows how teams can use AI to keep Web accessibility intact from prototype to production. Rather than treating accessibility as a late QA step, it focuses on embedding it into design systems, design-to-code workflows and everyday engineering work. You will work through a simple end-to-end flow, using AI powered tools such as Figma plugins, code assistants and automated accessibility tests. Leave with a clear mental model for an accessibility-aware pipeline across design, engineering and deployment that you can adapt to your own context.

Outcomes

• Pinpoint where accessibility is commonly lost between design, handoff and implementation.
• Embed accessibility intent into Figma components and design systems using roles, structure and states.
• Steer AI design-to-code tools towards semantic, accessible output, then review generated markup with an accessibility lens.