editor.js icon indicating copy to clipboard operation
editor.js copied to clipboard
verified publisher icon codex-team

Make editor accessible💡

Open Chi-teck opened this issue 4 years ago • 3 comments

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.

Chi-teck avatar Jan 23 '21 17:01 Chi-teck

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

Hen2609 avatar Feb 24 '23 08:02 Hen2609

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

aral avatar Jul 22 '24 14:07 aral

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

gabrr avatar Jul 22 '24 22:07 gabrr