TechPrufer
Sign inGet started

Blogs›Glean›Design System Accessibility

Design System Accessibility

Design System Accessibility

1
posts
2026

Glean's design system has been revamped to prioritize accessibility by default. This includes standardizing components with opinionated APIs and design tokens, ensuring consistent behavior and appearance across the product. The system now leverages Base UI for out-of-the-box screen reader and keyboard accessibility, with components exposing correct roles, states, and relationships. Focus management for dialogs and interactive elements has been improved, reducing the likelihood of accessibility regressions. Glean has also completed its VPAT, providing customers with a detailed report on its compliance with WCAG standards.

2026

Designing Glean for accessibility – design system and compliance

1/21/2026

This post details the technical migration of Glean's design system to a more accessible foundation powered by Base UI. It describes the standardization of components with focused APIs and the adoption of design tokens (via vanilla-extract and sprinkles) for styling. The post highlights how this approach ensures accessibility by default, improving screen reader support (e.g., correct ARIA attributes, state announcements) and keyboard navigation (e.g., focus trapping, Tab/Shift+Tab reachability) for interactive elements, dialogs, and overlays. It also mentions the completion of the VPAT for compliance reporting.