accessibility

Accessibility suite with Figma, Sketch and browser plugins covering contrast, focus order, alt text and vision simulation.

Community-maintained WCAG checklist grouped into eighteen practical categories with plain-language, testable success criteria.

Builds custom palettes in the HSLuv color space with live WCAG and APCA contrast checks, exporting to Tailwind, CSS and Figma.

87+ copy-paste React components built on React Aria Components and Tailwind, with Next.js and Laravel install paths.

Unstyled, accessible UI primitives for SolidJS covering dialog, drawer, popover, accordion and calendar.

Italian public-administration design system with components, service-design kits and legally-mandated accessibility requirements.

GitHub's own collection of custom elements used in production across github.com, published as standalone web components.

Forty-chapter video course teaching accessible interface engineering: semantics, focus management, screen readers and WCAG in practice.

Accessible React Native components distributed through the shadcn registry format, installable with the same CLI you use on web.

Astro component collection with built-in ARIA attributes, keyboard navigation and tested interactive behaviour.

Unstyled accessible Vue component primitives, the renamed and expanded successor to Radix Vue.

Framework-agnostic web component library with a full set of accessible, themable UI elements.

Desktop-grade web app for building color scales in LCh with live APCA contrast readouts and Figma-ready export.

Command-line tool that checks colour contrast across a palette or config file, suitable for CI pipelines.

Minimal accessible Astro blog theme with fuzzy search, tags, light and dark modes and strong typographic defaults.

Enter a foreground and background pair and see, per vision-type, which real groups of people can actually read it.

Automation library that drives real VoiceOver and NVDA screen readers from Playwright or Jest for end-to-end a11y tests.

Accessible spring-physics bottom sheet for React web with focus trapping and snap points.

WCAG 2.1 AA starter kit with accessible component implementations and the audit patterns to keep them compliant.

JavaScript screen reader simulator that lets you assert on screen-reader output inside normal unit and integration tests.

Accessible headless component toolkit for SolidJS with WAI-ARIA compliant primitives and design system building blocks.

Accessibility and CSS engineering blog covering focus indicators, ARIA live regions, SVG and inclusive component behaviour.

T-Mobile's generator that produces accessibility acceptance criteria per component for web, iOS and Android test plans.

LocalTapiola's insurance design system with web components, WCAG 2.1 AA conformance evidence and Finnish-language content rules.

Terminal, chart, heatmap and UI palettes engineered to stay distinguishable after aggressive Redshift or Night Shift warm-screen filtering.

Primitives and hooks for building WAI-ARIA compliant autocomplete, combobox, select and tag-group components in React or Preact.

Categorised bank of front-end interview questions covering HTML, CSS, JavaScript, accessibility, testing, performance and networking, in many translations.

JSTOR's design system with web components, editorial typography rules and academic-content layout patterns.

Nordhealth's healthcare design system built on framework-agnostic web components with strong accessibility and clinical density guidance.

Accessible unstyled foundational component primitives for Dioxus, the Rust cross-platform UI framework.

Stylelint plugin that catches accessibility problems in CSS itself, such as removed outlines and unsafe media-query overrides.

Browser extension that renders a document's heading outline and flags skipped or misordered heading levels instantly.

Ninety-plus UI patterns documented for developers with when-to-use guidance, accessibility rules and comparison pages between similar patterns.

Library of customisable web components implementing common UI patterns with documented composable internals.

Chrome automation MCP combining Playwright and CDP with network interception, HAR record and replay, and accessibility testing.

Open-source eBay plugin that walks designers through annotating headings, focus order, alt text and landmarks directly on frames.

Stripe engineering post on building a colour system that guarantees contrast ratios while preserving brand hue relationships.

Long essay deriving an algorithm for generating accessible, perceptually even colour palettes, with interactive demos.

Ten accessible components designed to slot alongside shadcn, published by the Web Dev Simplified channel.

Red Hat's system built on framework-agnostic web components with strict token layering and published a11y test results.

Crawls an entire site, runs Lighthouse on every discovered route in parallel and serves one searchable dashboard of the results.

Automated design review for AI-generated code, flagging accessibility and visual-quality issues in pull requests.

Agent skill that turns one brand hex into OKLCH ramps, WCAG-checked semantic tokens, and Tailwind or CSS output offline.

macOS menu bar app that reads focused-window text through the accessibility API and appends it to daily markdown files for your agent to read.

Agent skill that encodes Material Design 3 decision rules — semantic tokens, component choice by behaviour, adaptive width classes, accessibility — with progressive-disclosure reference files.

shadcn/ui-compatible React components rebuilt on React Aria Components, trading Radix for stronger accessibility guarantees.

Ten-chapter book of accessible, progressively-enhanced form patterns for registration, checkout, booking, filtering and upload.

Accessible shadcn/ui component set covering data tables, kanban, sortable lists, mentions and file upload, built on WAI-ARIA primitives.

Accessible, performant white-label web component primitives from ING Bank, intended as design system foundations.

Framework-agnostic guided tour library with focus trapping, full keyboard navigation and ARIA compliance.

Technical note defining colour-blind-safe qualitative, sequential and diverging palettes, with values and usage rules.

Figma plugin that measures contrast between overlapping layers using APCA, accounting for blend modes, opacity and stacked backgrounds.

Rule-based UI design book with a free 29-page preview covering spacing, hierarchy, colour and accessible defaults.

Free book-length guide to building right-to-left interfaces: logical properties, mirroring, icons, typography and layout flipping.

Wikimedia's design system in Vue 3, built for extreme internationalisation, RTL support and low-bandwidth contexts.

Australian bank's design system with React components, extensive form patterns and documented financial-services accessibility requirements.

Sainsbury's design system covering grocery e-commerce components, accessibility standards and retail content guidelines.

French government design system with a strict, mandatory brand and component set enforced across all state websites.

Alaska Airlines' design system built entirely on Lit web components with published accessibility conformance reports.

Tool that suggests the nearest passing colour alternatives when a pair fails contrast, instead of just reporting failure.

Education-platform design system with React components, strict accessibility gates and a documented deprecation and codemod process.

Lyft's tool for generating color ramps by curve-editing hue, saturation and luminosity independently across the scale.

Heydon Pickering's long-form teardowns of eleven UI patterns, each reasoning from markup semantics to progressive enhancement.

Denmark's shared public-sector design system with web components, tokens and Danish content and accessibility standards.

D3 module that generates SVG pattern fills — lines, circles, paths — for encoding categories without relying on colour alone.