C23Dar color solo al contenido secundario y no al texto principal

Por qué es importante

Algunas personas necesitan combinaciones concretas para leer, como texto amarillo sobre negro. Si cambian los colores de toda la página a la fuerza, se pierden las zonas de color que separan el menú del contenido. La página se vuelve confusa.

Si el contenido principal no tiene colores fijos, el navegador le aplica los colores preferidos de la persona. Las zonas secundarias conservan los suyos y siguen marcando la estructura.

Cómo se hace

1. Defina color y background-color en las zonas secundarias, como header, nav, aside y footer.
2. No declare color ni background-color en el body ni en main.
3. Defina siempre los dos colores juntos en cada zona secundaria. Si solo fija uno, puede chocar con el que elija la persona.
4. Compruebe que los colores de las zonas secundarias tienen contraste suficiente.

Cómo comprobarlo

1. Cambie en el navegador los colores predeterminados de texto y fondo. En Firefox está en Ajustes, apartado «Colores».
2. Vuelva a cargar la página. El contenido principal debe mostrarse con los colores elegidos.
3. Las zonas secundarias deben mantener sus colores y seguir distinguiéndose.
4. Con las herramientas del navegador (tecla F12), confirme que main no tiene colores declarados.

Ejemplo

Colores solo para el menú y el pie; el contenido principal queda sin colores fijos.

nav, footer {
  color: #ffffff;
  background-color: #1f3a5f;
}
/* main y body no llevan color ni background-color */