23 Repositories
JavaScript a11y Libraries
Komponenten-Bibliothek für die Barrierefreiheit
Willkommen bei KoliBri KoliBri steht für Komponenten-Bibliothek für die Barrierefreiheit Weiter zur Dokumentation… Vision Wir stellen gemeinsam wieder
👑 A tiny yet powerful tool for high-performance color manipulations and conversions
Colord is a tiny yet powerful tool for high-performance color manipulations and conversions. Features 📦 Small: Just 1.7 KB gzipped (3x+ lighter than
A CSS stylesheet to quickly highlight a11y concerns.
Checka11y.css A CSS stylesheet to quickly highlight a11y concerns. Lightweight • Modern • Accessibile • Customisable • Simple The first line of defenc
An accessible, open-source lightbox with no dependencies
Tobii An accessible, open-source lightbox with no dependencies. See it in Action Table of contents Features Get Tobii Download Package managers Usage
Vanilla JS Accessible Dialog Library
A11y Dialog Component a11y-dialog-component is a fast, lightweight and flexible vanilla JavaScript library to create accessible modal, non-modal or to
A TypeScript package to calculate WCAG 2.0/3.0 and APCA color contrasts
a11y-color-contrast A simple utility package for working with WCAG 2.2/3.0 color contrasts a11y: Built for checking how readable colors are together S
🖱or ⌨️? 🤷♀️, but hopefully use-hover-state works on the "user intent" not the "device"
useHoverState() The one aware of keyboard navigation as well 😉 npm i use-hover-state A React hook for tracking user interaction with the DOM elements
🪝 React hook for subscribing to user's color scheme preference.
use-prefers-color-scheme React hook for subscribing to user's color scheme preference. 🚀 Getting Started 🐇 Jump Start npm install @anatoliygatt/use-
Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
Getting Started Clarity Angular is published as two npm packages: Contains the static styles for building HTML components. Contains the Angular compon
Clarity is a scalable, accessible, customizable, open-source design system built with web components.
Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components
A Next + TypeScript Starter. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analytics, sitemap generation, and more!
Next + TypeScript Starter A Next + TypeScript Starter by Justin Juno. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analy
This is a Chrome extension that aims to encourage accessibility awareness while using GitHub
github-a11y This is a Google Chrome extension that runs a simple JavaScript snippet on github.com domain and aims to encourage accessibility mindfulne
Este projeto procura aplicar boas práticas de acessibilidade web
Acessibilidade 📸 Screenshots do Projeto 📝 Sobre o Projeto Este projeto procura aplicar boas práticas de acessibilidade web. Para visualizar o projet
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
DORAI UI Accessible, unstyled, open-sourced and fully functional react component library for building design systems Documentation site coming soon St
A very lightweight and flexible accessible modal dialog script.
A11y Dialog This is a lightweight (1.3Kb) yet flexible script to create accessible dialog windows. Documentation ↗ Demo on CodeSandbox ↗ Features: Clo
A lightweight (1Kb) JavaScript package to facilitate a11y-compliant tabbed interfaces
A11y Tabs A lightweight (1Kb) JavaScript package to facilitate a11y-compliant tabbed interfaces. Documentation ↗ Demo on Codepen ↗ Features: Support
Listing of accessible components & patterns
Accessible Components I've built a good handful of accessible markup patterns and widgets at this point. Each is based on testing with users, UX and d
An accessible dropdown component for use in Ember apps.
ember-a11y-dropdown This is an accessible dropdown that you can use in your Ember app for a menu dropdown. I'm making it so people can stop using the
An extremely helpful React Hook to trap the focusable elements / Hello Modals! Hello a11y!
react-use-focus-trap Everytime when people implement Modals... ...People forget that pro users as well as users that are permanently or temporarily re
Generate colors based on a desired contrast ratio
Generate colors based on a desired contrast ratio
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Grommet: focus on the essential experience Documentation Visit the Grommet website for more information. Support / Contributing Before opening an issu
⚡️ Simple, Modular & Accessible UI Components for your React Applications
Build Accessible React Apps with Speed ⚡️ Chakra UI provides a set of accessible, reusable, and composable React components that make it super easy to