React-ing to accessibility: Building accessible e-commerce forms that everyone can use

• reacting-to-a11y-article

  1 1 4.9 TypeScript

  This repository aims to support the article: "React-ing to accessibility: Building accessible e-commerce forms that everyone can use".

If you don't want to go through the hassle of styling your app and want to jump straightaway to the form part, feel free to clone or fork the GitHub repo that contains the tutorial until this part and all the styles are configured already. This will allow you to start your web app with some styling already applied and ready to start tackling the challenge of building an accessible checkout form.

• axe-core

  75 5,649 9.1 JavaScript

  Accessibility engine for automated Web UI testing

  

Axe is a set of tools created by Deque, to provide a solution for a testing library. To use Axe, one of the possible ways is to install Axe DevTools, which is a browser extension that provides you with a way to test your applications for accessibility issues. To start testing for accessibility using Axe DevTools, you just open the browser's Developer Tools, navigate to the Axe DevTools tab, and run an analysis on your desired webpage;

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Tailwind CSS

  1,281 78,568 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

To give some layout to the page, I'll be using Tailwind, but feel free to style your web app however you see fit.

• chakra-ui

  344 36,622 9.0 MDX

  ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  

If you want to take a look at other component libraries, I invite you to read a little more about Chakra UI, which is a modular and accessible library which I personally really enjoyed working with. I also had the chance to read about React Aria, which is an accessible-focused package for React, developed by Adobe; however, this library has a great difference: instead of focusing on components, it uses a hooks-based API.

Suggest a related project