Accessibility Packages

[![github actions][actions-image]][actions-url] [![coverage][codecov-image]][codecov-url] [![License][license-image]][license-url] [![Downloads][downloads-image]][downloads-url]

An AI powered code library to assist web-developers create more accessible websites and applications.

The TestCafe module that allows you to use the aXe accessibility engine in TestCafe tests

The schema module includes the concrete specification of KERN - Design System.

The schema module includes the concrete specification of KERN - Design System.

**An intentional, transparent, and accessible color system for the modern web.**

Detects the characteristics of the user’s display using 'environment-blending' CSS3 level 5 media query.

Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.

Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.

Shared core behind Magica11y’s functions.

Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.

Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.

Bottom sheet web component.

Collapsible content web component

A lightweight, customizable Dialog Panel web component for creating accessible and responsive modal dialogs.

Accessible custom dropdown panel web component.

Accessible custom dropdown web component.

A customizable focus trap Web Component for managing keyboard focus within a container.

A lightweight, customizable Modal Panel web component for creating accessible and responsive modals. Ideal for dialogs, alerts, or interactive panels, with features like smooth animations, focus management, and keyboard navigation support.

The only colors package you'll ever need