Accessibility Design System is a Chrome extension designed to analyze the design system of the current active tab. This tool generates a self-contained HTML report that reviews the visual and structural consistency of web interfaces. It inspects the active page's design elements, including colors, typography, layout patterns, reusable components, CSS variables, design tokens, and inconsistencies in styles. Users can easily access the results through a sidebar panel and export the report for documentation or internal review.

Key features include visible DOM analysis, visual color detection, typography extraction, spacing review, heuristic interface component detection, and reading of relevant CSS rules. It also generates suggested design tokens and detects visual inconsistencies. The extension supports open shadow DOM when available, making it a robust solution for developers and designers seeking to enhance web accessibility and design consistency.