Modo oscuro y accesibilidad: cuando ayuda y cuando realmente duele

El modo oscuro se ha convertido en el estándar en casi todos los sitios y aplicaciones: a los usuarios les encanta, ahorra batería en las pantallas OLED y, a veces, incluso se lo considera "más accesible". Pero cambiar a una paleta de colores oscuros, si se hace sin pensarlo detenidamente, puede perjudicar la accesibilidad. Este artículo explica cómo hacerlo bien.

Cuando el modo oscuro ayuda a la accesibilidad

Para usuarios con sensibilidad a la luz (fotofobia), migrañas o fatiga visual digital, un fondo oscuro puede reducir significativamente la incomodidad durante el uso prolongado, especialmente en un ambiente oscuro. Algunos usuarios con dislexia también informan que se sienten más cómodos leyendo en un fondo oscuro.

Cuando realmente duele

Por otro lado, para los usuarios con astigmatismo (una discapacidad visual común), el texto claro sobre un fondo oscuro crea un efecto de "halación" que hace que las letras se vean borrosas; a veces, un fondo claro con texto oscuro les resulta más cómodo de leer. El resultado: no existe una única respuesta correcta para todos, por lo que la mejor solución es dejar que el usuario elija, no forzarle un modo.

El contraste en el modo oscuro es diferente al modo claro

Un error común: tomar los mismos colores de texto del modo claro y simplemente cambiar el fondo a oscuro, sin volver a verificar las relaciones de contraste. El negro puro (#000000) sobre blanco puro proporciona un contraste máximo de 21:1, pero al revés, blanco puro sobre negro puro, crea un efecto de "halación" especialmente fuerte que cansa los ojos. Es mejor usar un fondo gris oscuro (por ejemplo #121212) en lugar de negro puro y texto blanquecino (por ejemplo #e8e8e8) en lugar de blanco puro; esto aún cumple con los requisitos de contraste de las WCAG (explicados en detalle en nuestra guía sobrecontraste de color), pero es mucho más agradable a la vista.

Reglas prácticas prácticas

• Comprueba el contraste por separado en cada modo (claro y oscuro), no solo una vez.
• Evite los colores especialmente saturados (rojo brillante o azul) sobre un fondo oscuro; tienden a "vibrar" visualmente y dificultan la lectura.
• Mantenga un cambio manual en el sitio, no solo la confianza en la configuración del sistema.
• Comprueba las imágenes y logotipos diseñados para un fondo claro; a veces necesitan una versión separada para que el modo oscuro siga siendo legible.