BlockNote icon indicating copy to clipboard operation
BlockNote copied to clipboard

Very little is read by screenreaders

Open eschiebel opened this issue 1 year ago • 2 comments

Describe the bug Everything in the UI needs to be read by screenreaders, and it's not.

To Reproduce

  • Turn on your screenreader. (I'm using VoiceOver on chrome)
  • on entering the editor it says "enter text or type for commands". it does not say "slash"
  • type / to open the slash menu
  • down arrow to navigate thru the menu
  • nothing is announced.

Navigate around in the content and you get a mixture of the text entered and the slash menu prompt.

You can see this in the live editor on the https://www.blocknotejs.org/ home page

Misc

  • Node version:
  • Package manager:
  • Browser:
  • [ ] I'm a sponsor and would appreciate if you could look into this sooner than later 💖

eschiebel avatar Feb 23 '24 00:02 eschiebel

I can create more issues if you'd like, but there are other a11y issues in BlockNote wrt keyboard only users

  • there are no focus indicators to let the keyboard user know where they are
  • not all functionality is available to the keyboard user (e.g. the menu off the drag handle, or reordering blocks)
  • the inline content formatting toolbar can't be navigated via the keyboard

eschiebel avatar Feb 23 '24 00:02 eschiebel

Thanks @eschiebel . We're planning an extensive accessibility sprint in April / May!

YousefED avatar Mar 08 '24 12:03 YousefED

Hi! We've made significant improvements in the latest release: https://github.com/TypeCellOS/BlockNote/pull/718

@eschiebel curious what you think about the update. Feel free to continuing the discussion in that PR!

YousefED avatar May 06 '24 09:05 YousefED