SolidOS / SolidOS/solid-ui

Icons are unintuitive

Ouverte
#60 1 commentaire 6 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
TypeScript
Étoiles
153
Forks
46
Merge moyen
1 j 8 h
PR mergées (30 j)
7

Description

Screen Shot 2019-03-21 at 9 57 07 AM

I just started checking out Solid today. After logging in and trying to edit my profile, I encounter a bunch of unhelpful icons. Above is one example, but these are all over the place.

  1. It wasn't immediately clear that these icons are buttons. I expect a standard design or color to identify them as buttons. There is also no hover/press state.
  2. I have no idea what the buttons do. Text would be much more clear.
  3. They do not use <button> or <a> tags—this makes them less accessible.

I'd love it the UI switched over to using text buttons in a <button> tag. The icon could be kept alongside the text to accentuate it. If the style of a browser-default button is undesirable, consider making a standardized button style.

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par reproduire le parcours de modification du profil décrit dans l’issue et répertoriez les contrôles constitués uniquement d’icônes affichés dans la capture d’écran. Identifiez l’endroit où ces contrôles sont rendus, puis vérifiez que chacun possède un libellé textuel clair, utilise un élément button ou anchor approprié et fournit un retour visuel au survol ou à l’activation. Le travail est terminé lorsque les contrôles concernés sont compréhensibles et accessibles sans dépendre uniquement des icônes.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
typescript
Domaine
accessibility, design, frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.