Meta AI launches A11y Studio: an accessibility-first component generator for design systems

AI · 5 min read

Meta announced A11y Studio today, a developer- and designer-facing product that uses large models to synthesize accessible UI components from existing design tokens and style guides. The studio outputs component code, ARIA attributes, keyboard behaviors, and test cases alongside human-readable rationale for each accessibility decision. Meta positions the tool as complementary to existing design systems rather than a replacement.

Early demos show designers dragging a button token into A11y Studio and receiving multiple variants: default, high-contrast, focus-visible-first, and screen-reader-optimized versions, all with documented keyboard flows and expected behavior. Generated artifacts include accessible names, roles, state management tips, and examples of how to integrate with common frameworks. The tool also produces a change log that teams can ingest into their version control and component libraries.

Meta acknowledges limitations: automated suggestions still require human validation, especially for complex semantics and localized content. The studio includes an audit workflow that highlights risky auto-generated rules and surfaces them to a reviewer with UX research and legal compliance tags. Meta says A11y Studio will roll out to enterprise partners first, with a public beta planned later in the year.