Accessibility (16)

Build inclusive products with accessibility tools, guidelines, and testing resources. From WCAG compliance checkers and contrast tools to annotation kits and screen reader testing — design for everyone.

New

A11y Annotation Kit: Figma accessibility annotations

The A11y Annotation Kit is a comprehensive Figma library that provides standardized accessibility annotation components for design handoffs. It helps designers communicate accessibility requirements to developers through clear, consistent annotations that cover focus states, screen reader labels, keyboard navigation, and more.

Added Feb 2026

New

A11y Project: Community-driven accessibility resource

The A11y Project is a community-driven effort to make digital accessibility easier through practical, digestible resources and guides. It provides straightforward explanations of accessibility concepts, code examples, and actionable advice that helps designers and developers understand and implement accessibility best practices in their work.

Added Feb 2026

New

Able: Figma accessibility plugin

Able is a Figma plugin that helps designers check color contrast ratios, simulate different types of color blindness, and ensure their designs meet WCAG accessibility standards. It integrates seamlessly into the design workflow, allowing real-time accessibility checking without leaving the design environment.

Added Feb 2026

New

axe DevTools: Browser extension for accessibility testing

axe DevTools is a powerful browser extension that automatically scans web pages for accessibility issues and provides detailed reports with specific remediation guidance. It's built by accessibility experts and is widely considered the gold standard for automated accessibility testing, helping developers catch issues early in the development process.

Added Feb 2026

New

Color Review: Visual contrast checker

Color Review provides an intuitive visual interface for checking color contrast ratios between foreground and background colors. It shows real-time WCAG compliance ratings and offers an easy way to adjust colors until they meet accessibility standards, perfect for quick design decisions.

Added Feb 2026

New

Color Safe: Accessible color palette generator

Color Safe is a web-based tool that generates accessible color palettes by ensuring all color combinations meet WCAG contrast requirements. It allows designers to input a base color and automatically suggests complementary colors that maintain proper contrast ratios for text and backgrounds.

Added Feb 2026

New

Colour Contrast Checker: Web-based WCAG checker

Colour Contrast Checker is a straightforward web tool that evaluates color combinations against WCAG 2.1 guidelines for normal and large text. It provides clear pass/fail indicators for AA and AAA compliance levels, making it easy for designers to ensure their color choices meet accessibility requirements.

Added Feb 2026

New

Contrast: macOS menubar contrast checker

Contrast is a macOS menubar app that lets designers quickly check color contrast ratios against WCAG guidelines with a simple point-and-click interface. It provides instant feedback on whether color combinations meet AA or AAA accessibility standards, making it perfect for quick checks during design workflows.

Added Feb 2026

New

Inclusive Components: Accessible design patterns

Inclusive Components by Heydon Pickering provides detailed, practical examples of how to build common UI components with accessibility built-in from the start. Each post breaks down the design and development considerations needed to create truly inclusive interfaces, making complex accessibility concepts approachable and actionable.

Added Feb 2026

New

Lighthouse: Built-in Chrome accessibility audits

Lighthouse is built directly into Chrome DevTools and provides comprehensive accessibility audits alongside performance and SEO analysis. It automatically scans pages for common accessibility issues and provides actionable recommendations, making it an essential tool that's always available to developers and designers.

Added Feb 2026

New

Pa11y: Automated accessibility testing

Pa11y is a command-line tool and web service that runs automated accessibility tests on web pages using HTML CodeSniffer rules. It can be integrated into development workflows and CI/CD pipelines to catch accessibility issues early, providing detailed reports and the ability to test multiple pages at scale.

Added Feb 2026

New

Stark: Comprehensive accessibility suite

Stark is a comprehensive accessibility suite that integrates with design tools like Figma, Sketch, and Adobe XD to help designers check contrast, simulate vision conditions, and ensure accessible color choices. It provides real-time accessibility feedback during the design process, making it easier to catch and fix issues before they reach development.

Added Feb 2026

New

WAVE: Web accessibility evaluation tool

WAVE (Web Accessibility Evaluation Tool) provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page. It helps identify accessibility errors, alerts, and structural elements, making it easy to see exactly where issues exist and understand their impact on users.

Added Feb 2026

New

WCAG Guidelines: Official accessibility quick reference

The Web Content Accessibility Guidelines (WCAG) Quick Reference is the official, authoritative source for web accessibility standards and requirements. It provides a filterable, searchable interface to explore all accessibility guidelines, success criteria, and techniques, making it the definitive resource for understanding what makes content accessible.

Added Feb 2026

New

WebAIM: Web accessibility in mind

WebAIM (Web Accessibility In Mind) is a comprehensive educational resource providing in-depth articles, tutorials, and training materials on web accessibility. It offers both technical guidance and conceptual understanding of accessibility principles, making it an invaluable resource for anyone looking to build more inclusive digital experiences.

Added Feb 2026

New

Who Can Use: Vision impact simulator

Who Can Use shows how color contrast affects people with different types of vision, including various forms of color blindness and low vision conditions. It provides a powerful visual demonstration of why accessibility matters by showing exactly who can and cannot perceive your color choices clearly.

Added Feb 2026

Accessibility Resources

A11y Annotation Kit: Figma accessibility annotations

A11y Project: Community-driven accessibility resource

Able: Figma accessibility plugin

axe DevTools: Browser extension for accessibility testing

Color Review: Visual contrast checker

Color Safe: Accessible color palette generator

Colour Contrast Checker: Web-based WCAG checker

Contrast: macOS menubar contrast checker

Inclusive Components: Accessible design patterns

Lighthouse: Built-in Chrome accessibility audits

Pa11y: Automated accessibility testing

Stark: Comprehensive accessibility suite

WAVE: Web accessibility evaluation tool

WCAG Guidelines: Official accessibility quick reference

WebAIM: Web accessibility in mind

Who Can Use: Vision impact simulator