joshwcomeau/react-retro-hit-counter

a11y support

Aperta

#2 aperta il 28 gen 2018

Vedi su GitHub
 (2 commenti) (0 reazioni) (0 assegnatari)JavaScript (5 fork)github user discovery
enhancementhelp wanted

Metriche repository

Star
 (165 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

React Retro Hit Counter creates numbers using SVG segments and a canvas border. This is totally unfriendly to screen readers.

I have a few thoughts for how to make it more accessible:

  • Aria tags
  • Adding zero-opacity text over the hit counter, something like "Hit counter with N hits"?
  • Something else?

I don't really know what would be best. Open to suggestions!

Guida contributor

Direzione di ricerca
Investiga come aggiungere attributi ARIA (ad es. aria label, role) e un elemento di testo nascosto visivamente che descriva il conteggio delle hit per rendere il componente accessibile agli screen reader. Considera l'uso di una libreria come react aria o semplice HTML. Testa con uno screen reader.
Tech stack
javascriptreact
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.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
JavaScriptReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80