codex-team/editor.js

Make editor accessible💡

Open

#1.510 aberto em 23 de jan. de 2021

Ver no GitHub
 (4 comments) (8 reactions) (0 assignees)TypeScript (1.985 forks)batch import
good first issue

Métricas do repositório

Stars
 (26.602 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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.

Guia do colaborador

Direção de pesquisa
Identifique os elementos interativos no editor, adicione atributos aria label e substitua divs por button quando apropriado. Teste com um leitor de tela.
Pilha de tecnologia
typescriptjavascript
Domain
frontendaccessibility
Tipo Issue
Acessibilidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitHTML
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75