11

Problemas de Accesibilidad Web

Me he encontrado con una situación en el modo oscuro de Stack Overflow. Se trata de un problema serio de contraste de acuerdo a la siguiente vista previa:

Problema de contraste

Es demasiado costoso distinguir el texto del fondo, por lo que se dificulta seriamente la revisión de ediciones sugeridas de otros usuarios, tal y como se puede observar en la siguiente tabla comparativa:

Código fuente del autor Cambio propuesto por otro usuario

Se puede observar en la tabla anterior la dificultad que puede provocar la revisión de las ediciones sugeridas debido a problemas de contraste.

Propuesta

Una propuesta de cambio sería:

  • Eliminar la línea que atraviesa el código (text-decoration: line-through;).
  • Aumentar la intensidad del rojo y establecer una opacidad adecuada (podría ser 20% de opacidad) para que se pueda visualizar mejor.

Es decir, tal como se ilustraría en la siguiente imagen:

vista-previa-propuesta

Esto ayudaría a visualizar mejor el código fuente del autor con el propuesto por otro usuario. El objetivo es verificar si hubo simplemente formateo de código o cambios en él con relativa facilidad.

Por lo que nuestra regla CSS podría quedar así:

span.diff-delete {
  color: var(--red-700);
  background-color: rgba(255, 0, 0, 0.2);
}

Si se considera la propuesta anterior podríamos tener algo parecido a la siguiente tabla comparativa:

Código fuente del autor Cambio propuesto por otro usuario

Allí, se puede notar que se hace más fácil comparar código.


Pueden visitar este enlace para que puedan observar el ejemplo mencionado en esta publicación en el modo oscuro.

5
  • 1
    GEnial!!! pero esta clase de propuestas debe ir en meta.stackexchange.com ya que es un cambio que impacta a toda la red!!! :)
    – gbianchi Moderador
    el 3 mar. 2021 a las 22:34
  • 1
    Por supuesto.. avisa.. fijate que no la hayan publicado antes.. y la vamos corrigiendo entre todos...
    – gbianchi Moderador
    el 3 mar. 2021 a las 23:35
  • Estoy revisando en Stack Exchange si existe o no un planteamiento similar. Apenas, publique avisaré por acá. el 3 mar. 2021 a las 23:44
  • Listo, ya la publiqué bajo el título Code marked as deleted does not look good. Cruzándome los dedos para que sea bien recibida jejeje. el 4 mar. 2021 a las 0:20
  • 1
    ya tiene 4 votos positivos... por lo cual esta perfecto... esperemos que siga avanzando...
    – gbianchi Moderador
    el 4 mar. 2021 a las 0:34

1 respuesta 1

7

El problema es para toda la red.

Por lo cual, como no se puede dar una respuesta solo para este sitio, la misma se publico en meta StackExchange.

3
  • Lamentablemente no todos los sitios que soportan código tiene modo oscuro todavía. Ref Plans for dark mode for all Stack Exchange sites
    – Rubén
    el 4 mar. 2021 a las 14:04
  • Claro.. pero como nos impacta aca tanto como a todos los sitios internacionales, hay que ponerlo mas general...
    – gbianchi Moderador
    el 4 mar. 2021 a las 14:09
  • 2
    Sí, sí.... ninguna objeción al respecto, sólo acotando que por el momento el volumen de usuarios afectados son los afortunados de tener el modo oscuro... ya quisiera tener ese problema en Web Applications :D
    – Rubén
    el 4 mar. 2021 a las 14:12

Debes iniciar sesión para responder a esta pregunta.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta .