Search results
33 packages found
Create a color palette report
A lightweight tool that parses color strings and recommends text contrast based on WCAG Standards
APCA: the Accessible Perceptual Contrast Algorithm, a modern contrast method that improves readability contrast on self-illuminated displays. Developed for the W3C's WCAG 3 and other standards.
Evaluate if a to colors have sufficient contrast to pass WCAG requirements.
- wcag
- color
- contrast
- luminance
- contrast-ratio
- accessibility
- a11y
- relative-luminance
- color-contrast
- text-legibility
A JS library for Color Conversions, Manipulations, Harmony Generations, Accessibility Analysis and Parsing.
- color
- manipulation
- conversion
- javascript
- typescript
- colore-js
- colore
- css
- rgb
- hsl
- hex
- contrast
- accessibility
- a11y
- View more
Delta Phi Star is a general purpose method of determining perceptual lightness contrast developed by Andrew Somers (Myndex Research), and is a sibling of APCA and SACAM. It is a simplified method using easily invertible standardized maths, however it lack
Evaluate if a to colors have sufficient contrast to pass WCAG requirements.
- wcag
- color
- contrast
- luminance
- contrast-ratio
- accessibility
- a11y
- relative-luminance
- color-contrast
- text-legibility
WCAG 2.0 AA contrast checker for DOM elements
Calculate the color in an array of colors that gives the highest contrast to another color.
React higher-order component to automatically enforce color accessibility
A selection of a11y helpful functions for working with HEX colors.
<p align="center"> <img align="center" src="https://i.imgur.com/ijYtOhk.png" width="125" alt="icon"> </p> <br> <h2 align="center">Sketch Accessibility Assistant</h2> <p align="center"> <img src="https://i.imgur.com/OvLMEjK.png" width="500" alt="Access
- accessibility
- contrast
- color-contrast
- color-contrast-checker
- accessibility-checker
- a11y
- sketch assistant
- public
Lint your token schema for a11y errors. Can check your color + typography tokens for contrast, and more.
- cobalt
- design tokens
- design tokens community group
- design tokens format module
- design system
- dtcg
- w3c design tokens
- a11y
Calculate contrast ratio between two CSS color strings.
A React-based web accessibility widget to enhance UI/UX for all users. This powerful tool seamlessly integrates with React applications, offering a wide range of features like adjustable font sizes, text alignment options, dyslexia-friendly fonts, and col
- accessibility
- web-accessibility
- a11y
- React
- widget
- accessibilik
- Multilingual Support
- Adjust Font Size
- Align Text
- Dyslexia Font
- Font Weight
- Highlight Links
- Highlight Titles
- Letter Spacing
- View more
JS color calculator for composing colors with consistent APCA contrast ratio
Provides extended functionality for generating new colors from existing colors and building color themes in Sass
Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
The shared core and build system behind Magica11y
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors