Accessible React Typescript Modal Dialog
-
Updated
Jul 20, 2023 - TypeScript
(Web) Accessibility (often abbreviated to A11y — this is a numeronym, where the “11” stands for the 11 letters between the first letter “a” and the last letter “y”) in web development means enabling as many people as possible to use websites, even when those people's abilities are limited in some way.
Accessible React Typescript Modal Dialog
An accessibility-first renderless (headless) dialog component made for Vue https://renatodeleao.github.io/a11y-vue-dialog/
Accessible accordion component showcased at the "Writing Accessible Components" talk
Work in progress, accessible menu demos with Svelte + Floating UI
Tool to help view reports generated by Deque's Axe CLI tool
Accessible React Typescript Pagination
Styling outline of tab navigation (for better accessibility)
Emits custom 'focusExit' event when keyboard focus has exited an element and all of it's descendants
🍦 A simple & accessible navigation menu implementation
Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.
Automatically find the closest accessible color combination
Simple modal focus trap implementation
A single/multiple combobox component built with Stencil.
Open source UI library for React developers
a modern, minimalist and wai-aria compliant reactjs component library with built in theming
Accessible calculator with 3 colour schemes (selected via a 3-step toggle switch) and keyboard navigation