SolidOS / SolidOS/solid-ui

Icons are unintuitive

Offen
#60 1 Kommentar 6 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
153
Forks
46
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
7

Beschreibung

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.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, den im Issue beschriebenen Ablauf zur Profilbearbeitung nachzustellen, und erfasse die im Screenshot gezeigten Bedienelemente, die nur aus Symbolen bestehen. Ermittle, wo diese Bedienelemente gerendert werden, und prüfe anschließend, dass jedes eine eindeutige Textbeschriftung hat, ein geeignetes button- oder anchor-Element verwendet und sichtbares Feedback beim Darüberfahren oder Drücken bietet. Als erledigt gilt die Aufgabe, wenn die betroffenen Bedienelemente verständlich und zugänglich sind, ohne sich allein auf Symbole zu verlassen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
typescript
Bereich
accessibility, design, frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.