¿Por qué nuestro sitio web debe tener varias opciones de contraste?

Las personas con baja visión, daltonismo o sensibilidad a la luz necesitan diferentes ajustes visuales. Ofrecer varias opciones de contraste devuelve el control al usuario. Así, pueden elegir el color y la luz que hagan la lectura más fácil y cómoda.

Lo que dicen las reglas

Las principales normas de accesibilidad en Brasil y el mundo, como la ABNT NBR 17225 y las WCAG 2.2, exigen que los sitios web tengan un buen contraste.

Para medir esto, las normas usan un valor llamado "relación de contraste". Funciona así:

• Texto normal: la diferencia de color entre las letras y el fondo debe ser de al menos 4,5 a 1.
• Texto grande y botones: la diferencia debe ser de al menos 3 a 1.
• El ideal (recomendación mejorada): la diferencia para los textos debería llegar a 7 a 1.

Lo que debemos hacer en la práctica

Para atender a todos los usuarios, la mejor solución es agregar un panel de ajustes visuales (o un plugin de accesibilidad) en el sitio web con las siguientes opciones:

• Alto contraste claro: fondo muy claro y letras muy oscuras. Ayuda a quienes tienen baja visión o daltonismo.
• Alto contraste oscuro: fondo oscuro y letras claras. Excelente para quienes tienen sensibilidad a la luz (fotofobia).
• Baja saturación (colores menos vivos): ayuda a las personas con sensibilidad visual o epilepsia.
• Pantalla en blanco y negro (monocromático): facilita la lectura a personas con dificultad para percibir los colores.
• Colores personalizados: permite al usuario elegir el color exacto del fondo y del texto para reducir la fatiga visual.

Herramientas para ayudar en el trabajo

• Comprobadores de contraste: puedes usar herramientas gratuitas en internet, como el WebAIM Contrast Checker o la aplicación Colour Contrast Analyser (CCA). Te dicen al instante si los colores que elegiste pasan la regla de contraste.
• Herramientas de asistencia: existen soluciones listas (plugins) que instalas en el sitio web. Vienen con botones fáciles para que el usuario active el alto contraste o cambie los colores de la pantalla con un solo clic.

Atención a la Ley

Tener un buen contraste no es solo para que el sitio se vea bonito; es un derecho del usuario.

En Brasil, la Ley Brasileña de Inclusión (LBI) exige que los sitios web sean accesibles para personas con discapacidad. En otros países, leyes como la ADA (en EE. UU.) y la EAA (en Europa) también sancionan a las empresas con sitios web difíciles de usar. Garantizar el contraste significa cumplir la ley y respetar a las personas.