Petición para dejar de imponer el modo oscuro

• Por favor, no impongan el modo oscuro

  • Es una petición a los diseñadores de sitios web para que no obliguen a los usuarios a usar el modo oscuro.
  • Si el modo oscuro es parte de la identidad de la marca, deben elegirse proporciones de contraste cómodas para el texto.
  • Muchos sitios web están diseñados solo en modo oscuro, por lo que a menudo resultan difíciles de leer.

• ¡Mis ojos! ¡Mis ojos! 😵‍💫

  • Leer en modo oscuro cansa la vista y, aun después de leer, deja persistencia visual.
  • Después de leer textos largos, hay molestias como ver franjas horizontales.

• ¿Cuál es el verdadero problema del modo oscuro?

  • El verdadero problema del modo oscuro es la relación de contraste entre el texto y el fondo.
  • La relación de contraste entre texto blanco puro y fondo negro es de 21:1, lo que fatiga la vista.
  • En cambio, un texto gris claro sobre un fondo gris oscuro resulta más cómodo para los ojos, con una relación de contraste de 4.34:1.

• ¿No existen guías al respecto?

  • Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 recomiendan una relación de contraste mínima de 4.5:1 para texto normal, pero no hay lineamientos sobre una relación máxima.
  • Actualmente no existe un estándar ni una guía sobre relaciones de contraste altas en modo oscuro.
  • La próxima WCAG 3.0 agrega un nuevo requisito de exploración sobre el "contraste máximo del texto", y se espera que ayude a resolver el problema de las relaciones de contraste altas en modo oscuro.

• Cuando disfruto el modo oscuro

  • Prefiero el modo oscuro al leer en una habitación oscura con una pantalla OLED, especialmente cuando leo en el teléfono antes de dormir.
  • La mayoría de los IDE ya incluyen por defecto un modo oscuro con relaciones de contraste cómodas.
  • Disfruto el modo oscuro cuando los sitios web ofrecen una relación de contraste cómoda en ese modo.

• Nota: Este artículo provocó un debate activo y muy perspicaz en Hacker News, donde se discutieron distintos puntos de vista, experiencias personales y temas de accesibilidad. Para comprender por completo los matices de este tema, no hay que perderse las valiosas perspectivas compartidas en el hilo de Hacker News.

[GN⁺]

Opiniones de Hacker News

• Las primeras pantallas de computadora usaban texto claro sobre fondo oscuro. Fue incómodo cuando Microsoft Windows cambió a texto negro sobre fondo blanco. Es bienvenida la vuelta del modo oscuro, y también hace falta una opción de modo claro que no sea demasiado brillante

• Si un sitio web solo ofrece modo oscuro, entonces ese es el tema del sitio. Para que exista un modo oscuro, tiene que haber un modo claro. No se debería obligar a mantener ambos modos

• El modo claro sin opción de configuración predeterminada duró demasiado tiempo. El modo oscuro solo es mejor cuando la pantalla es la única fuente de luz en una habitación oscura. El modo oscuro es un parche temporal, y el modo claro resulta difícil de leer en entornos brillantes

• Cierto blog ignora la configuración del dispositivo y obliga a usar el modo claro. El problema no es el modo oscuro, sino el contraste de color

• No se deberían imponer proporciones de contraste bajas. No todos los usuarios ven el contenido en entornos iluminados. Hay que aprovechar la gama de colores SDR

• Ojalá los sitios web respeten la configuración del usuario en el sistema. El navegador les ha dado demasiado control a los desarrolladores. La configuración del usuario debería tener prioridad

• Muchos desarrolladores web ponen el modo oscuro como predeterminado e ignoran la preferencia del usuario. Se puede usar la propiedad CSS color-scheme para indicar en qué esquema de color se puede renderizar un elemento

• Como usuario de macOS, según la situación uso una mezcla de modo oscuro y modo claro. Se puede cambiar el tema desde la configuración del sistema

• El ejemplo de "texto fácil de leer" del blog es difícil de leer. Es por el bajo contraste

• Personalmente prefiero el modo claro, pero en el IDE o la terminal pongo el brillo al máximo cuando uso un tema oscuro. El modo oscuro cansa más la vista y hace más difícil concentrarse

• Se puede usar la Web API para comprobar si el usuario está en modo oscuro. Se puede aplicar reglas CSS con @media (prefers-color-scheme: dark)