@csstools/convert-colors
Convert colors between RGB, HEX, HSL, HWB, LAB, LCH, and more
Found 176 results for wcag
Convert colors between RGB, HEX, HSL, HWB, LAB, LCH, and more
evaluate the wcag color contrast score for two colors
Determines the best contrast color to use. Give it a background color and it returns a foreground color (black or white by default but customizable).
A CLI for accessibility testing using axe-core
This is an accessibility validator based on WCAG 2.0 standard for checking the color contrast.
Get accessibility information about colour combinations
Get the contrast ratio and WCAG score between common CSS color types.
Cypress plugin to perform configurable accessibility tests using AXE. It provides a list of violations and detailed information in the Cypress log, and generates an HTML document that includes screenshots of each violation on the page. The plugin leverage
the last (accessible) carousel you'll ever need
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
Get relative luminance from a color string.
WCAG 2.0 AA contrast checker for DOM elements
Calculate contrast ratio between two CSS color strings.
HTML headings with auto-incrementing levels for WCAG compliance.
Chart.js plugin to provide keyboard navigation to legends
A comprehensive set of accessible, easy-to-use UI components for Astro websites, built with WCAG compliance and inclusive design principles.
Ace by DAISY, an Accessibility Checker for EPUB
A simple utility package for working with WCAG 2.2/3.0 color contrasts
Equally AI's MCP Tool
A comprehensive Svelte 5 component library with 187+ components focused on accessibility, ADHD-optimized design, and full SSR compatibility. Features specialized bundles for agent/AI interfaces, knowledge management, therapeutic tools, and advanced data v
React framework adapter for KoliBri - The accessible HTML-Standard.
Color combination contrast tester
Utility functions for working with colors in adherence to WCAG 2.1 guidelines.
Contains the style guides and themes of various corporate designs for KoliBri - The accessible HTML-Standard.
ITS Just UI - The easiest and best React UI component library. Modern, accessible, and customizable components built with TypeScript and Tailwind CSS. Simple to use, production-ready components for building beautiful user interfaces with ease.
Color Check is a very tine library for checking your foreground and backgorunds colors against the WCAG2 color compliance standard.
Yet another simple color contrast validator based on the WCAG recommendations.
An MCP server for accessibility testing using Axe-core
Vue framework adapter for the KoliBri accessible web component library (@public-ui).
Preact framework adapter for KoliBri - The accessible HTML-Standard.
A WCAG-based rule set for acot.
MCP server for comprehensive accessibility testing - Publicis Sapient Edition
Contains the default theme for KoliBri - The accessible HTML-Standard.
An accessible modal library as used by the gent_styleguide for the city of Ghent, Belgium.
React framework standalone adapter for KoliBri - The accessible HTML-Standard.
This accessibility verification function serves as an automated accessibility testing tool that helps identify and document accessibility issues based on WCAG standards.
A package based on WCAG 2.0 to easily check contrast ratio.
Check for WCAG color contrast compliance
Hydrate function for KoliBri - The accessible HTML-Standard.
Accessible dynamic H1, H2, that will adjust for accessibility reasons! WCAG ARIA
Angular (v17) framework adapter for KoliBri - The accessible HTML-Standard.
Gulp plugin to test static pages with aXe as pre-commit hook or in CI environment.
Solid framework adapter for KoliBri - The accessible HTML-Standard.
Angular (v18) framework adapter for KoliBri - The accessible HTML-Standard.
Check HTML pages with achecker.
Color palette combination contrast tester
Angular (v20) framework adapter for KoliBri - The accessible HTML-Standard.
A comprehensive Model Context Protocol (MCP) server that provides web performance auditing, accessibility testing, SEO analysis, security assessment, and Core Web Vitals monitoring using Google Lighthouse. Enables LLMs and AI agents to perform detailed we
🚀 Production-ready React component library with glassmorphism design and physics-based interactions. 40+ components, TypeScript-first, accessibility-ready.
Angular (v19) framework adapter for KoliBri - The accessible HTML-Standard.
Contains the default theme for KoliBri - The accessible HTML-Standard.
Equally AI's MCP Tool
Contains the default theme for KoliBri - The accessible HTML-Standard.
An Angular based approach for customizable large scale datatables using Angular CDK.
React 19 framework adapter for KoliBri - The accessible HTML-Standard.
Comprehensive accessibility fixes for HTML files. Smart context-aware alt text generation, form labels, button names, link names, landmarks, heading analysis, and WCAG-compliant role attributes. Covers major axe DevTools issues with individual fix modes.
Masked Input plugin
BIRHAUS v3.0 Radical Minimalist Testing Framework - Glass morphism validators, generous spacing tests, and v3 component validation utilities
Utility that helps you choose colors with sufficient contrast, WCAG 2.0 in mind
Implementation of the WCAG 2.1 techniques
A lightweight tool that parses color strings and recommends text contrast based on WCAG Standards
The Modern Web Development Framework for Accessible, Responsive, and High-Performance Applications. Intelligent container queries, fluid typography, WCAG compliance, and performance optimization.
An accessible, fast, and WCAG 2.1 compliant toggle style tooltip web component using role=status.
An Angular package with several common layout use-cases, created by Iben Van de Veire.
The schema module includes the concrete specification of KERN - Design System.
Dynamically specify a text color with adequate contrast
A lightweight customizable approach for common and complex layouts in Angular.
a vanilla js function that takes in an array of colors and returns the wcag contrast scors of all of their combinaations
AINative Design System MCP Server for Claude Code - Extract design tokens, analyze components, and generate themes
A premium React component library built with TypeScript, Tailwind CSS, and Atomic Design principles. The most comprehensive and beautiful UI library available.
Create ARIA-compliant color themes based on a predominant color palette.
A lightweight and customizable Angular help tour approach using Angular CDK.
Angular (v16) framework adapter for KoliBri - The accessible HTML-Standard.
Angular (v15) framework adapter for KoliBri - The accessible HTML-Standard.
Accessible form builder and SDK. See https://www.GetFormally.com
A comprehensive, lightweight accessibility widget that enhances web accessibility for all users. Provides multiple accessibility features including screen reader support, voice control, high contrast mode, and more.
The CLI can be used to create various projects based on the KoliBri (@public-ui) accessible web component library.
A library of bare accessible Vue components and tools.
Test a site for WCAG or Section 508 compliancy.
Evaluate if a to colors have sufficient contrast to pass WCAG requirements.
Math meets Narrative - A violet-branded, accessibility-first design system with True Native Architecture, mathematical foundations and Figma MCP integration, optimized for Web and Native app development
Tabs with Full Accessibility
BIRHAUS Testing & Validation Framework - Comprehensive testing utilities for cognitive load, accessibility, and BIRHAUS principle compliance
Ace by DAISY, an Accessibility Checker for EPUB
Comprehensive accessibility checker with detailed explanations and documentation links
AI-powered PDF accessibility automation for N8N - comprehensive WCAG compliance analysis, intelligent remediation, and professional audit reporting with 5 integrated accessibility tools
Modern utility CSS library with intelligent theming, automatic contrast calculation, and seamless dark/light mode support
A comprehensive, accessible, and highly customizable React/TypeScript component library built with modern web standards. Features Radix UI primitives, Tailwind CSS integration, and enterprise-grade design systems.
HTML5 bidirectional renderer for xats documents with WCAG 2.1 AA compliance
An npm package that reads the image src and uses ai to generate alt text and insert the alt attribute for accessibility
A Model Context Protocol (MCP) server for performing automated accessibility scans of web pages using Playwright and Axe-core
Evaluate if a to colors have sufficient contrast to pass WCAG requirements.
Accessibility analyzer for your frontend
Implementation of the WCAG 2.1 html techniques
The A11y Machine is an automated accessibility testing tool which crawls and tests all pages of any website.
A utility library for color management with dark/light mode adaptations used internally by AceSpace
Implementation of the WCAG 2.1 CSS techniques
A comprehensive command-line tool for automated accessibility, security, performance, and SEO testing using Playwright and pa11y, based on sitemap URLs
Check the Accessibility of a PDF Document
An automation tool for testing frontend applications against a set of web accessibility guidelines.
Core utilities for web accessibility color analysis and manipulation (WCAG Contrast, Color Fixing, Palette Generation). Includes license verification.
A VanillaJS translation for Foundation Abide Form Validation
Customizable Range Slider with RTL Support and WCAG AA Accessibility features
A command-line tool for developers and QA engineers to test web pages and websites for WCAG 2.2 AA accessibility compliance
**Disclamer: This component library is in a very preliminary state**
Check accessibility using achecker.ca
a11y announcer for React to announce information to screen readers.
A comprehensive, lightweight accessibility widget for web and mobile apps with WCAG 2.1 AA compliance
Helper library to compute how equally sized DOM siblings are stacked on a grid
Color utilities
Module to add accessibility support to createjs
React modal component
The last (accessible) carousel you'll ever need, compatible with jquery 4.x.
Custom accessibility testing engine for WCAG compliance
Create a color palette report
A vanilla JS Accessability Widget compliant with ADA and WCAG 2.2.
Scan HTML for WCAG accessibility violations with AI-powered fix suggestions
Test a site for WCAG or Section 508 compliancy.
TypeScript library for mutable colour conversion and manipulation 🎨
A comprehensive, type-safe color manipulation library for TypeScript that provides a wide range of color space conversions, blending operations, and accessibility utilities.
A modern, lightweight utility library for color extraction and accessibility calculations in React applications. Extract dominant colors from images and ensure your color combinations meet WCAG contrast guidelines.
Comprehensive accessibility system for OrdoJS with ARIA generation, automated testing, and screen reader support
Generate WCAG-compliant color schemes from a base color
A modern, lightweight, and comprehensive color utility library for JavaScript/TypeScript with advanced palette generation and WCAG accessibility tools.
Command line tool to check the contrast between two colours against WCAG standards
WCAG2.2 compliant components of the Perceivable and Understandable principles, which have been closely based on W3C techniques
Accessibility checker MCP server that analyzes code for WCAG 2.1 AA compliance and provides improvement suggestions
Astro UI Components Kit from argil data agency
Gets a reference to the WCAG documents for you!
Testing utilities and accessibility testing for NeuroAdapt SDK
an accessibility extension that handle the accessibility requirements in hebrew
Cypress plugin to perform configurable accessibility tests using AXE. It provides a list of violations and detailed information in the Cypress log, and generates an HTML document that includes screenshots of each violation on the page. The plugin leverage
A production-ready, headless React UI component library offering maximum styling flexibility with robust TypeScript support and comprehensive accessibility features
CLI for checking the Accessibility of a PDF Document
Client-side form validation with accessibility compliance
Remark plugin to embed files in markdown, as more than just a link.
Check color contrast ratios and WCAG compliance for hex, rgb, and rgba colors.
An advanced React accessibility inspection tool with real-time monitoring, screen reader simulation, and customizable rules.
Node.js client for the WAVE (WebAIM) accessibility testing API
Remark plugin to embed youtube placeholders in markdown, to avoid cookies and accessability issues.
Remark plugin to embed accessible links in markdown.
Protractor plugin for accessibility testing
A set of Accessible, easy to use, Front-end UI Components for Vue 3.
Chiaroscuro – Light, shadow, and balance, redefined for the web. A lightweight CSS micro-library for accessible neumorphism with personality-driven theming, responsive design, and WCAG compliance.
A client-side tool for auditing accessibility compliance.
A comprehensive WCAG 2.1 compliance checker for web applications
A Model Context Protocol (MCP) server for performing automated accessibility scans of web pages using Playwright and Axe-core
grunt tenon accesibility test plugin
Gets a reference to a WCAG Success Criteria -- this time in CommonJS!
Utilities to work with WCAG color contrast
Gridsome remark plugin to embed youtube placeholders in markdown, to avoid cookies and accessability issues.
A WCAG accessibility checker tool focusing on web content accessibility guidelines
Happy Modals - Create accessible modals with a stress-free developer experience.
CLI utility to check websites for WCAG compliance
Gridsome remark plugin to embed accessible links in markdown.
An accessibility linter for HTML files with a focus on WCAG compliance, based on axe-core
Generate random color palettes, check contrast (WCAG), and map colors for Tailwind CSS
Remark plugin to embed accessible images in markdown.
This is npm wrapper for aslint a11y engine
A utility library for color management with dark/light mode adaptations used internally by AceSpace
AI-powered color palette generator for React applications
Gridsome Remark plugin to embed accessible images in markdown.
A comprehensive theme system for ERP applications with accessibility compliance, color variants, and semantic mappings
Minimal DOM element test runner with Vitest-style API
### Welcome to equa11y, an easy to use command-line tool for accessiblity testing.
Gridsome remark plugin to embed files in markdown, as more than just a link.
Automatic accessibility enhancements for React components
A SCSS utility that automatically adjusts text color for accessible contrast based on WCAG 2.1.
A JavaScript library for testing component accessibility across multiple testing frameworks
Color palette combination contrast tester
Testing framework for xats renderer round-trip validation and WCAG compliance
KRDS (Korea Design System) MCP Server - 한국 정부 디지털 서비스 디자인 시스템 가이드
A color palette generator for multi-tenant ERP systems
library that helps manage color contrast for accessibility purposes
Suggest an accessible background color (light or dark) for transparent logo/images to maximize contrast.