33 Repositories
JavaScript accessibility Libraries
Purple hats Desktop is a customisable, automated web accessibility testing tool that allows software development teams to find and fix accessibility problems to improve persons with disabilities (PWDs) access to digital services.
Purple HATS Desktop Purple hats Desktop is a desktop frontend for Purple HATS accessibility site scanner - a customisable, automated web accessibility
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 library that helps you write a static dropdown menu that follows the digital accessibility recommendations.
JSPanel A library that helps you write a static dropdown menu, a panel, that follows the digital accessibility recommendations. Get started First of a
Modal Video Library
Modal Video Modal Video Library Features Not affected by dom structure. Beautiful transition Accessible for keyboard navigation and screen readers. Ri
An autocomplete component, built to be accessible.
Accessible autocomplete The accessible autocomplete is a component that helps users choose answers from a list you provide. You can also use it to mak
Simple click-triggered navigation submenus. Accessible and progressively enhanced.
Clicky Menus! A project by Mark Root-Wiley, MRW Web Design Clicky Menus lets you create a progressively-enhanced, accessible one-level dropdown menu t
jQuery Tabs Plugin. CSS Tabs with Accessible and Responsive Design. Lot of Tab Themes with Vertical and Horizontal Orientation.
Macaw Tabs Macaw Tabs is jQuery tabs plugin. It helps you to create accessible and responsive jQuery tabs by implementing the W3 design patterns for t
Accessible, lightweight, stylish modal library in pure JavaScript
accessible-minimodal Accessible, lightweight ( 8 kB), stylish modal library in pure JavaScript Example https://codepen.io/imhvost/pen/LYNazqo (with "
Plain JavaScript version of jQuery's slideToggle(), slideDown(), & slideUp(), but does not use display: none.
dom-slider It works like jQuery's slideToggle(), slideDown(), & slideUp(), but does not use display: none. Uses CSS3 transitions and element.scrollHei
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
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
Functions and objects that make it easier to add fields to Portable Text editors for accessibility meta information, like language changes or abbreviations.
Porta11y Porta11y is a collection of accessibility-focused annotations, decorators and validators for Sanity’s Portable Text editor. Portable Text is
✨ Small and Clean JavaScript Toast Notifications
BuzzNotify Small and Clean JavaScript Toast Notifications New version introduces breaking changes! Now the styles come separately and you will have to
:iphone: A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites
Responsive Boilerplate A powerful, accessible, developer friendly, framework for building responsive websites Responsive Boilerplate is the developers
A WCAG-conformant (2.1 AA) Ember starter app.
accessibility-base Some small changes to make to your new Ember app to make it WCAG conformant: adds lang attribute in app/index.html (you can also do
🪝 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-
Lexical is an extensible JavaScript web text-editor framework with an emphasis on reliability, accessibility and performance
Lexical is an extensible JavaScript web text-editor framework with an emphasis on reliability, accessibility and performance. Lexical aims to provide a best-in-class developer experience, so you can easily prototype and build features with confidence.
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
A reusable react hook that preserves a components semantic accessibility to create a visual block link.
useAccessibleBlockLink is a reusable react hook that preserves a components semantic accessibility to create a visual block link. This hook supports multiple links within the same block.
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
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 CLI utility to calculate/verify accessible magic numbers for a color palette.
A11y Contrast A CLI utility to calculate/verify accessible magic numbers for a color palette. Read my blog post for some more information. Installatio
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
Accessible HTML5 Video Player
Accessible HTML5 Video Player What is it? A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For de
stateful roving index for web ui
Roving UX Turns tedious tab UX into a controlled and stateful experience Learn more in this article by Rob Dodson on web.dev Try it at this GUI Challe
A CSS only tooltip library for your lovely websites.
Hint.css A tooltip library in CSS for your lovely websites Demo • Get started • Who's using this? • Browser support • FAQs • Contributing • License hi
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
Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/
Duet Date Picker Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Duet Date Picker can be implemented and us
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
Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element a bit easier, and a bit more fun!
Scrawl-canvas Library Version: 8.5.2 - 11 Mar 2021 Scrawl-canvas website: scrawl-v8.rikweb.org.uk. Do you want to contribute? I've been developing thi