codex-team/editor.js

Make editor accessible💡

Aperta

#1510 aperta il 23 gen 2021

Vedi su GitHub
 (4 commenti) (8 reazioni) (0 assegnatari)TypeScript (1985 fork)batch import
good first issue

Metriche repository

Star
 (26.602 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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.

Guida contributor

Direzione di ricerca
Identifica gli elementi interattivi nell'editor, aggiungi attributi aria label e sostituisci i div con button dove appropriato. Testa con uno screen reader.
Tech stack
typescriptjavascript
Dominio
frontendaccessibility
Tipo issue
Accessibilità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitHTML
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75