search

codex-team / editor.js

A block-style editor with clean JSON output
https://editorjs.io
Apache License 2.0
28.48k stars 2.08k forks source link

Make editor accessible💡 #1510

Open Chi-teck opened 3 years ago

Chi-teck commented 3 years ago

Currently the editor is not accessible for screen readers because:

  1. It does not provide accessible names for interative elements.
  2. It relies on non-iteractive elements for interaction.

Proposed solution:

  1. Add accessible names to interactive elements via aria-label attribute or visually hidden text.
  2. Add role="button" attribute to all interactive elements or (better) use button tag instead of div.
  3. Add aria-hidden="true" and focusable="false" to SVG icons.
Hen2609 commented 1 year ago

are there plans to implement a11y features into editor.js?

aral commented 2 months ago

Was looking to evaluate it but lack of accessibility is a blocker.

gabrr commented 2 months ago

Hi, @aral! Would you mind sharing which are the accessibility use cases you have? Or any tools you are used to use for testing?