10 tips for building accessible text editors

• nvda

  28 1,929 9.8 Python

  NVDA, the free and open source Screen Reader for Microsoft Windows

  

For Windows users there's nvda (free) which is also the most widely used.

• ProseMirror

  43 7,325 3.8 JavaScript

  The ProseMirror WYSIWYM editor

  

Most frameworks (draft.js, slate.js and prosemirror as well as others) render this by default, but it's always good to double check this!

• SurveyJS

  surveyjs.io sponsored

  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.

  

• Material UI

  290 91,511 10.0 TypeScript

  Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  

Using established component libraries will give you a leg-up on reaching a good accessibility baseline. Reach.ui, material ui and chakra are all react libraries that have decent accessibility defaults.

• Draft.js

  40 22,309 8.2 JavaScript

  Discontinued A React framework for building text editors.

  

Most frameworks (draft.js, slate.js and prosemirror as well as others) render this by default, but it's always good to double check this!

• chakra-ui

  344 36,514 9.0 MDX

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

  

Using established component libraries will give you a leg-up on reaching a good accessibility baseline. Reach.ui, material ui and chakra are all react libraries that have decent accessibility defaults.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project