alveusgg/extension

Make extension keyboard accessible

Aperta

#139 aperta il 8 ott 2023

Vedi su GitHub
 (11 commenti) (0 reazioni) (0 assegnatari)TypeScript (38 fork)auto 404
enhancementgood first issuehacktoberfesthelp wanted

Metriche repository

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

Descrizione

Make the extension work with keyboard input:

  • make keyboard focus visible
  • allow closing modals with esc
  • prevent tabbing outside of modals or into hidden elements
  • to not move or loose focus when interacting
  • buttons and other elements should follow common input patterns (space/enter, cursor keys, escape etc.)
  • probably forgot some points otomh

Guida contributor

Direzione di ricerca
Studia la struttura dei componenti dell'estensione, poi implementa la visibilità del focus da tastiera, la chiusura dei modali con Esc, il trapping del focus e la corretta gestione degli eventi per i pulsanti (Spazio/Invio, tasti freccia, ecc.). Usa gli strumenti di sviluppo del browser per testare l'ordine del focus e gli attributi ARIA.
Tech stack
typescript
Dominio
frontend
Tipo issue
Accessibilità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
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
GitTypeScriptReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70