Displaying 1 to 12 from 12 results

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.

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.




aria-api - Access ARIA information from JavaScript

  •    Javascript

WAI-ARIA allows websites to provide additional semantics to assistive technologies. Roles and attributes can be set either explicitly (e.g. <span role="link">click me</span>) or implicitly (<a href="//example.com">click me</a> implicitly has the role "link"). While the implicit mappings make authoring accessible websites simpler, it makes the task of calculating an element's role and attributes more complicated. This library takes care of exactly that.

react-aria-tooltip - ReactJS ARIA tooltip

  •    Javascript

Simple ReactJS component that adds the appropriate role, identification structure, and aria-hidden attribute for a tooltip. React aria tooltip uses Storybook to validate UI behaviors and visual the rendering states. To see and test react-aria-tooltip run yarn run storybook after installing all packages by running yarn. This should start a local service at http://localhost:6006 where you can see the available directions (top, right, bottom, left) and events (click & hover) in UI wrapper.

accessible-html-content-patterns - ♿️ The full HTML5 Doctor Element Index as well as common markup patterns for quick reference

  •    HTML

A collection of the full HTML5 Doctor Element Index, minus the <command> and <menu> tags (which have poor browser support), as well as common markup patterns for quick reference. There are countless little gotchas and quirks to remember when writing markup, even for basic components. This is an attempt to capture and centralize them.


focus-group - Create a group of nodes with special focusing powers

  •    Javascript

Create a group of nodes with special focus-related powers. Essentially, it mimics some of the essential keyboard interactions of a native <select>.

creatability-components - Web components for making creative tools more accessible.

  •    TypeScript

A simple example of including the library then supporting mouse/keyboard and body tracking inputs. Quickly scaffold an application with a collapsable sidebar and content area that resizes accordingly and can display webcam when in use.