accessibility⁽¹⁵⁾

Free browser toolkit for checking design screenshots with contrast analysis, vision simulation, attention heat maps, and alt text support. Includes research-based guidance and a design checklist.

High contrast and neuro-inclusion now mandatory under evolving regulations, reshaping entire design systems. Accessibility moving from checkbox to foundational architecture.

Real-time AI design assistance for accessibility checks, layout optimization, and A/B testing — while maintaining human creative control. The emerging model for AI in design workflows.

Advanced palette builder from Lyft Design using perceptually uniform color scales (HSLuv/LCH). Creates accessible, predictable color systems for design systems — the tool behind thoughtful ramp generation.

Practical framework for designing motion that stops safely when timing, state, or performance fails. Covers duration limits, circuit breakers, static fallbacks, monitoring, and user controls.

MCP server that lets AI assistants search curated design system knowledge, including WCAG, ARIA, W3C standards, and major public design systems.

Stark is the leading accessibility toolkit for designers, with plugins for Figma, Sketch, and Adobe XD. It includes contrast checking, vision simulation, focus order tools, alt-text annotations, and AI-powered accessibility scanning to catch issues during the design process.

GitHub Action that scans sites and repositories for accessibility barriers, files trackable issues, and can assign findings to Copilot for proposed fixes with human review.

Include is a Figma plugin for adding accessibility annotations to your designs — landmarks, headings, tab order, alt text, and ARIA labels. It generates a clear annotation layer that communicates accessibility intent to developers during handoff.

Public state design system with Figma components, accessible style guidance, design tokens, and icon packages. A practical reference for teams building clear, consistent government services.

Public design system for New York State services with web components, CSS utilities, design tokens, accessibility guidance, and a Figma library for agency teams.

Primer Prism, created by GitHub's design team, helps you build cohesive and accessible color systems from a single base color. It generates consistent color scales with built-in WCAG contrast checking — essential for design system color token creation.

Generates accessible color combinations that meet WCAG contrast requirements. Instant random pairings with AA/AAA compliance indicators — useful for quickly finding accessible text/background combos.

Advanced palette builder with manual hue/saturation sliders supporting OKHSL/LCH color spaces, image import, contrast checks, and exports up to 24 colors. For designers who want precise control over perceptual uniformity.

Annual practitioner survey: Web Components gaining over React, AI unstalling stalled adoption, accessibility gap narrowed from 46% to 10%. Real benchmark data, no hype.