codex-team/editor.js

Make editor accessibleđź’ˇ

Ouverte

#1 510 ouverte le 23 janv. 2021

Voir sur GitHub
 (4 commentaires) (8 réactions) (0 personne assignée)TypeScript (1 985 forks)batch import
good first issue

Métriques du dépôt

Stars
 (26 602 étoiles)
MĂ©triques de merge PR
 (Métriques PR en attente)

Description

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.

Guide contributeur

Direction de recherche
Identifiez les éléments interactifs dans l'éditeur, ajoutez des attributs aria label et remplacez les divs par des boutons si nécessaire. Testez avec un lecteur d'écran.
Stack technique
typescriptjavascript
Domaine
frontendaccessibility
Type d'issue
Accessibilité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitHTML
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75