Adopt open-source 'accessible' UI libraries?

This page summarizes the projects mentioned and recommended in the original post on /r/accessibility

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • reakit

    Toolkit for building accessible web apps with React

  • As a tech lead (or whoever makes the technical decision), it looks very tempting to adopt the open source UI libraries, if possible. In the React.js land, I used a bit of Charkra UI and Reakit.

  • chakra-ui

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

  • As a tech lead (or whoever makes the technical decision), it looks very tempting to adopt the open source UI libraries, if possible. In the React.js land, I used a bit of Charkra UI and Reakit.

  • SurveyJS

    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.

    SurveyJS logo
  • react-bootstrap

    Bootstrap components built with React

  • I think that consider "accessible-ready" React libraries is essential for saving time and resources. There are several of these type of library: from React-Bootstrap to CloudScape. I also suggest you to see Radix-Ui a simply library focused on accessibility. For sure you can "outsource" accessibility to these libraries but you still have to consider the specifics of your product and choose the most suitable solutions for it. In my experience testing is still necessary but will certainly be less problematic using good libraries. Another tip: when you use a library, a tool or a service always look at the official documentation section dedicated to accessibility.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts