react-a11y-components v0.0.5

Style-less and opinionated accessible components for React applications. This library is work in progress.

Why such a library?

I see plenty of UI components libraries or public design system implementations popping all over Github with their own accessibility tricks and implementations. And this is great when people have the chance to use these libraries in their project.

But often times, people implement their own UI library for their current project by hand, without tools - which is also really great.

The problem I want to solve is the following: when building a UI library for a dedicated project, I'm feeling that people tend to only think about the visual aspect of the product. They may not have knowledge about accessibility and it seems that we're lacking some primitives to make accessibility "easy" to deal with.

How this library tries to solve the problem?

By implementing WAI Aria Practices without any styles and leaving the DOM attributes access to the developer.

A Button in this library is an aria button but it can accept any of the HTML attributes that the button HTML element can accept also. Plus it doesn't have any style so you can focus on making it look the way you want without any reset.

What is the artifact?

$ yarn add react-a11y-components # in your react project

• See the example folder for usage
• See the github pages for a live preview