codex-team/editor.js

Make editor accessible💡

Offen

#1.510 geöffnet am 23.01.2021

Auf GitHub ansehen
 (4 Kommentare) (8 Reaktionen) (0 zugewiesene Personen)TypeScript (1.985 Forks)batch import
good first issue

Repository-Metriken

Stars
 (26.602 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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.

Contributor Guide

Research-Richtung
Identifizieren Sie interaktive Elemente im Editor, fügen Sie aria label Attribute hinzu und ersetzen Sie Divs gegebenenfalls durch Buttons. Testen Sie mit einem Bildschirmlesegerät.
Tech Stack
typescriptjavascript
Domain
frontendaccessibility
Issue Type
Barrierefreiheit
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitHTML
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75