joshwcomeau/react-retro-hit-counter

a11y support

Ouverte

#2 ouverte le 28 janv. 2018

Voir sur GitHub
 (2 commentaires) (0 réaction) (0 personne assignée)JavaScript (5 forks)github user discovery
enhancementhelp wanted

Métriques du dépôt

Stars
 (165 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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!

Guide contributeur

Direction de recherche
Recherchez comment ajouter des attributs ARIA (par exemple aria label, role) et un élément de texte caché visuellement décrivant le nombre de hits pour rendre le composant compatible avec les lecteurs d'écran. Envisagez d'utiliser une bibliothèque comme react aria ou simplement du HTML brut. Testez avec un lecteur d'écran.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Accessibilité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptReact
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80