Calidad web - Hojas de estilo

El uso de hojas de estilo es crucial para mejorar la calidad de las páginas web.

No utilices la etiqueta font

Debes usar CSS para establecer el tamaño de fuente en la página web. No utilices la etiqueta font.

El uso de la etiqueta <font> aumentará el tamaño del documento y convertirá cada cambio de tamaño de texto en una pesadilla.

Imagina la siguiente situación:

Un día decides modificar el color y el tamaño de todos los títulos en tu sitio web. A través de CSS, puedes lograr esto con solo modificar una línea. Si has utilizado la etiqueta <font>, necesitarás modificar todos los títulos en todas las páginas del sitio.

Usar estilos en lugar de la etiqueta <font> nos permite crear interfaces de alta calidad para páginas web más fácilmente.

No utilice valores de tamaño de fuente fijos

No utilice valores de tamaño fijos. Siempre utilice valores de tamaño relativos.

La razón más importante de esta recomendación es que no se puede ajustar el tamaño fijo a través del navegador.

Sus visitantes utilizarán diferentes dispositivos (monitores), diferentes entornos de navegación (iluminación) y posibles discapacidades (dificultad para ver).

Por ejemplo, puede establecer el tamaño del texto de alguien en 100% (o medium), los títulos principales en 140% (o x-large) y los títulos secundarios en 120% (o large), de modo que los usuarios puedan ajustar el tamaño preferido usando el navegador.

A través de la función de ajuste del tamaño del texto de la página web, también se puede cambiar el número de palabras en la página de impresión.

No utilice un tamaño de fuente predeterminado muy pequeño

Algunos sitios utilizan un tamaño de texto muy pequeño para poder “empaquetar” más contenido en cada página o hacer que la página se vea más “moderna”.

Reiteramos, el uso de diferentes dispositivos (monitores), diferentes entornos de navegación (iluminación) y posibles discapacidades (dificultad para ver), pueden causar dificultades de lectura para los usuarios.

No obligue a los usuarios a ampliar el tamaño del texto cada vez que visiten su sitio.

Siempre use colores de fondo consistentes

La mayoría de las páginas web utilizan colores para diferentes elementos de texto. Los colores de los títulos y enlaces suelen ser diferentes a los colores del texto del cuerpo.

Como diseñador web, debe ser consciente de que sus visitantes pueden modificar las opciones de colores predeterminados.

Si define un color para los elementos web, también debe definir el color de fondo.

Si no define el color de fondo, su sitio web podría verse afectado por combinaciones de colores desastrosas (como texto rojo sobre fondo rojo brillante o texto oscuro con fondo oscuro).

Si no especifica el color de fondo, puede que sea difícil identificar el texto.