Displaying 1 to 20 from 129 results

react-a11y - Identifies accessibility issues in your React.js elements

  •    Javascript

Warns about potential accessibility issues with your React elements.In your main application file, require the module and call it, you'll start getting warnings in the console as your app renders. Note that by default all rules are turned off s oyou need to turn them on first (by setting them to "warn" or "error").

react-tabs - An accessible and easy tab component for ReactJS.

  •    Javascript

An accessible and easy tab component for ReactJS.For example usages of the UMD builds have a look at the examples/umd folder. The development UMD build also needs the package prop-types being loaded besides react.

ally.js - JavaScript library to help modern web applications with accessibility concerns

  •    Javascript

ally.js is a JavaScript library simplifying certain accessibility features, functions and behaviors. Its goal is to be A JavaScript library to help web applications with accessibility concerns. The intention is to separate these generic components from actual applications and other libraries.ally.js is published under the MIT License.

a11y - Accessibility audit tooling for the web (beta)

  •    Javascript

PhantomJS, which is used for generating the screenshots, is installed automagically, but in some rare cases it might fail to and you'll get an Error: spawn EACCES error. Download PhantomJS manually and reinstall a11y if that happens.




dialog-polyfill - Polyfill for the HTML dialog element

  •    Javascript

<dialog> is an element for a popup box in a web page, including a modal option which will make the rest of the page inert during use. This could be useful to block a user's interaction until they give you a response, or to confirm an action. See the HTML spec. This polyfill works on modern versions of all major browsers. It also supports IE9 and above.

colors - Smarter defaults for colors on the web.

  •    CSS

Better default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites. The built CSS is located in the css directory. It contains an unminified and minified version. You can either cut and paste that css or link to it directly in your html.

a11y

  •    CSS

Pronounced Alix. Because it’s simpler. The whole presentation lives in the wiki. Please note that a substantial work has been accomplished to document the whole project, from the Sass layer to each test explanations through CSS selectors and tricks. I suggest you make a tour on a11y.css documentation website.

micromodal - ⭕ Tiny javascript library for creating accessible modal dialogs

  •    HTML

The aim of this library is to make modal dialogs accessible and easy to include in your project with minimum configuration. It's only ~1.8kb minified and gzipped - A tiny library for big change.


grommet - Focus on the essential experience

  •    Javascript

Visit the grommet.github.io website for more information. Before opening an issue or pull request, please read the Contributing guide.

eslint-plugin-jsx-a11y - Static AST checker for a11y rules on JSX elements.

  •    Javascript

Static AST checker for accessibility rules on JSX elements. Ryan Florence built out this awesome runtime-analysis tool called react-a11y. It is super useful. However, since you're probably already using linting in your project, this plugin comes for free and closer to the actual development process. Pairing this plugin with an editor lint plugin, you can bake accessibility standards into your application in real-time.

axe-core - Accessibility engine for automated Web UI testing

  •    Javascript

Axe is an accessibility testing engine for websites and other HTML-based user interfaces. It's fast, secure, lightweight, and was built to seamlessly integrate with any existing test environment so you can automate accessibility testing alongside your regular functional testing. Sign up for axe news to get the latest on axe features, future releases, and events.

reakit - Toolkit for building accessible rich web apps with React

  •    TypeScript

Reakit v1 is still in beta. If you're looking for v0, see v0 branch, v0 docs and the migration guide. Thanks to @nosebit for the package name on npm.

react-colorful - 🎨 A tiny (2,5 KB) color picker component for React and Preact apps

  •    TypeScript

We provide 12 additional color picker components for different color models, unless your app needs a HEX string as an input/output format. The easiest way to tweak react-colorful is to create another stylesheet to override the default styles.

a11y-dialog - A very lightweight and flexible accessible modal dialog script.

  •    Javascript

This is a lightweight (1.3Kb) yet flexible script to create accessible dialog windows.

mantine - React components and hooks library with native dark theme support focused on usability, accessibility and developer experience

  •    TypeScript

Mantine is a MIT licensed open source react components and hooks library with focus on usability, accessibility and developer experience. All Mantine packages have MIT licence. All Mantine dependencies also have MIT licence.

lity - Lightweight, accessible and responsive lightbox.

  •    Javascript

Lity is a ultra-lightweight, accessible and responsive lightbox plugin which supports images, iframes and inline content out of the box. Minified and gzipped, its total footprint weights about 3kB.

what-input - A global utility for tracking the current input method (mouse/pointer, keyboard or touch)

  •    Javascript

A global utility for tracking the current input method (mouse, keyboard or touch). What Input adds data attributes to the window based on the type of input being used. It also exposes a simple API that can be used for scripting interactions.

turretcss - Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites

  •    CSS

turretcss - A Responsive Front-end Framework for Accessible and Semantic Websites with default HTML elements, created by Scott de Jonge. Read the Getting started page for information on structure, usage, support and more.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.