Designing Glean for accessibility – design system and compliance

This post details the revamp of Glean's design system to prioritize accessibility by default. Key technical changes include standardizing components with opinionated APIs and design tokens, leveraging Base UI for improved screen reader and keyboard accessibility, and enhancing focus management for dialogs and interactive elements. The migration involved auditing and resetting component baselines, enforcing tokenized systems for spacing, color, and typography using vanilla-extract and sprinkles, and ensuring components expose correct ARIA attributes and roles. The post also mentions the completion of Glean's VPAT.