codex-team/editor.js

Make editor accessible💡

オヌプン

#1,510 opened on 2021/01/23

GitHub で芋る
 (4 件のコメント) (8 件のリアクション) (0 人の担圓者)TypeScript (1,985 件のフォヌク)batch import
good first issue

Repository metrics

Stars
 (26,602 個のスタヌ)
PR merge metrics
 (30d に merged PR はありたせん)

説明

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.

コントリビュヌタヌガむド

調査方針
゚ディタヌ内のむンタラクティブ芁玠を特定し、aria label属性を远加し、適切な堎所でdivをbuttonに眮き換えたす。スクリヌンリヌダヌでテストしおください。
技術スタック
typescriptjavascript
領域
frontendaccessibility
Issue 皮別
アクセシビリティ
難床新しい貢献者にずっおの実装難床です。1 は非垞に小さな倉曎、5 は専門的な䜜業です。
2
掚定時間経隓ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
掻動状況Issue が今どれだけ取り組みやすいかを瀺したす。新しい、掻発、叀い、ブロック䞭、たたはメンテナヌ入力埅ちなどです。
アクティブ
明確さ期埅される倉曎、受け入れ条件、次の手順がどれだけ明確かを瀺したす。
明確
前提条件
GitHTML
初心者向け床初回貢献者にどれだけ取り組みやすいかを 1-100 で掚定したスコアです。
75