10 tips for building accessible text editors

1

ProseMirror

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!

#Rich Text Editor #Text Editors #IDEs And Text Editors 33 social mentions

2

Medium

If you have never used a screen reader, try one out on your app or any app with that has a rich text editor. I'd consider this blog-post a success even if you don't come back to finish reading it.

#Blogging #Blogging Platform #CMS 2187 social mentions

3

Material UI

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.

#Design Tools #Development Tools #CSS Framework 75 social mentions

4

Draft.js

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!

#Rich Text Editor #React #Text Editors 24 social mentions

5

Chakra UI

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.

#Design Tools #Developer Tools #UI 197 social mentions