Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G148No fijar el color del texto ni del fondo y dejar los del navegador

Nombre oficial en el W3C: No especificar el color del texto ni el color de fondo y no usar características tecnológicas que cambien esos valores predeterminados

En pocas palabras

Si la página no define ni el color del texto ni el del fondo, el navegador pone sus colores por defecto. Esos colores tienen buen contraste y la persona puede cambiarlos a su gusto. La clave es no definir ninguno de los dos: fijar solo uno puede dejar el texto invisible.

Por qué es importante

Algunas personas con baja visión configuran el navegador con sus propios colores, por ejemplo letras amarillas sobre fondo negro.

Si la web fija el fondo blanco pero no el color del texto, y la persona ha elegido letras blancas, el texto desaparece. Al no fijar ninguno de los dos, no hay conflicto: siempre se ven los colores que la persona ha elegido o los del navegador.

Cómo se hace

  1. No defina el color del texto (color) en el CSS ni en el HTML.
  2. Tampoco defina el color de fondo (background-color) ni imágenes de fondo.
  3. Revise todos los lugares donde se pueden fijar colores: hojas de estilo, estilos en línea y atributos antiguos como bgcolor.
  4. Si necesita colores corporativos, use otra técnica: defina siempre los dos colores juntos y asegure el contraste (técnicas G18 y G145).

Cómo comprobarlo

  1. Revise las hojas de estilo y el HTML con las herramientas del navegador.
  2. Compruebe que no se define el color del texto en ningún elemento.
  3. Compruebe que no se define color ni imagen de fondo en ningún elemento.
  4. Cambie los colores por defecto del navegador y confirme que la página los adopta.
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica G148 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Cualquier tecnología en la que el color del texto y el color de fondo se especifiquen por separado y en la que los navegadores puedan controlar los colores predeterminados.

Descripción

El objetivo de esta técnica es asegurarse de que los usuarios pueden leer el texto que se presenta sobre un fondo. Con esta técnica, el autor evita tener que realizar ninguna medición de contraste, simplemente no especificando el color del texto ni especificando el fondo. Como resultado, los colores de ambos quedan completamente determinados por el agente de usuario.

Algunas personas con discapacidad visual configuran su agente de usuario para que sustituya ciertos colores que les resultan difíciles de ver. Esta técnica ayuda a evitar una situación en la que el agente de usuario y el sitio web entren en conflicto por los colores de primer plano o de fondo, dando lugar al mismo color para el texto y el fondo, lo que haría el texto invisible para el usuario que ha configurado sus propios colores en su navegador o en su tecnología de asistencia.

Ejemplos

El autor no especifica ni el color del texto ni el fondo, y no utiliza CSS. Como resultado, el usuario puede configurar los valores predeterminados de su navegador para obtener los colores y contrastes que le resulten adecuados.

Pruebas

Procedimiento

  1. Revisar todos los lugares en los que puede especificarse el color del texto
  2. Comprobar que no se especifica el color del texto
  3. Revisar todas las zonas en las que puede especificarse un color de fondo o una imagen utilizada como fondo
  4. Comprobar que no se especifica ningún color de fondo ni ninguna imagen utilizada como fondo

Resultados esperados

  • Las comprobaciones n.º 2 y n.º 4 son verdaderas.

Recursos

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G148 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.