SolidOS / SolidOS/solid-ui

Icons are unintuitive

Abierto
#60 1 comentario 6 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
TypeScript
Estrellas
153
Forks
46
Merge medio
1 d 8 h
PR fusionados (30 d)
7

Descripción

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.

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Empieza reproduciendo el flujo de edición del perfil descrito en el issue e inventariando los controles compuestos únicamente por iconos que aparecen en la captura de pantalla. Identifica dónde se renderizan estos controles y, después, comprueba que cada uno tenga una etiqueta de texto clara, use un elemento button o anchor apropiado y proporcione una respuesta visual al pasar el cursor o al pulsarlo. Se considera terminado cuando los controles afectados sean comprensibles y accesibles sin depender únicamente de los iconos.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
typescript
Área
accessibility, design, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.