Displaying 1 to 20 from 75 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").

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.

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.

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.


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.

react-axe - Accessibility auditing for React.js applications

  •    Javascript

Test your React application with the axe-core accessibility testing library. Results will show in the Chrome DevTools console. Call the exported function passing in the React and ReactDOM objects as well as a timing delay in milliseconds that will be observed between each component change and the time the analysis starts.

postcss-colorblind - A PostCSS plugin for seeing your site as a colorblind person may.

  •    Javascript

The biggest reason is that as many developers don't have problems seeing color, they never stop to consider that their (or their colleagues') choices of colors make their website unusable and frustrating to those who can't see some shades of color. It's not even a small problem either; lots of people struggle with red and green. However, there are JavaScript bookmarklets that let you do this on the fly without having to run a build step. I built this with the thought in mind you could create an automated step to create a report of how you're doing with color.

a11y-toggle - A tiny script for accessible content toggles.

  •    HTML

A tiny script (less than 0.6Kb gzipped) to build accessible content toggles. You can try the live demo which also acts as a documentation. a11y-toggle uses relatively modern JavaScript API (namely reduce, addEventListener, etc.) therefore will not work in Internet Explorer 8 and below. All the other browsers, including mobile ones should work fine.

axe-cli - A command-line interface for the aXe accessibility testing engine

  •    Javascript

Provides a command line interface for aXe to run quick accessibility tests. Install Node.js if you haven't already. This project requires Node 6+. By default, axe-cli runs Chrome in headless mode, which requires Chrome 59 or up.

accessibilityjs - Client side accessibility error scanner.

  •    Javascript

Client side accessibility error scanner.In GitHub we use this script to scan for inaccessible elements in development and production staff mode. We style the elements with red borders in the logError function passed in, and add a click handler explaining the reasons.

postcss-focus - PostCSS plugin to add :focus selector to every :hover for keyboard accessibility

  •    Javascript

PostCSS plugin to add :focus selector to every :hover for keyboard accessibility.See also postcss-pseudo-class-enter for more explicit way.

accessibilitools - UI tools to help make your Android app accessible.

  •    Java

EZ tools to help make your app accessible. This is a library of utility classes and methods to help you develop accessible Android apps.