Hoy en día es habitual ver diseños web con buena legibilidad (no queda tan lejos la época del apogeo de Myspace, con esas páginas capaces de provocar ataques de epilepsia), pero aún hay mucho que hacer en la generación de contenidos. Aunque las prácticas de diseño web en general han mejorado, aún hay varias recomendaciones que no se siguen de forma habitual en la creación de contenidos, que además de mejorar la legibilidad, potencian la usabilidad y accesibilidad de las páginas. Debemos tener en cuenta que cada vez más (y es una tendencia que aumentará), cada vez se entra más en internet desde todo tipo de dispositivos, por lo que conviene estar preparados para adaptar nuestro site lo mejor posible.

Tipografías: Gracias a nuevas herramientas que han ido saliendo, como la Google font API, cada vez tenemos más opciones para elegir tipografías para nuestra web. No hace tanto que sólo teníamos Arial, Times y poco más. En cualquier caso, la mayoría de estas tipos son más útiles para titulares que para párrafos, ya que no todos los navegadores las interpretan con igual claridad. Por lo tanto, para párrafos, mejor fuentes sencillas y preferiblemente sin serifa. La serifa es ese adorno que tienen las tipos como Times New Roman, que mejoran la legibilidad en textos impresos, pero que son más engorrosas para ver en pantalla. En este último medio, normalmente se leen con más facilidad las tipos sin serifa (x ej, Arial, Futura).

En cuanto a las unidades de tamaño, mejor relativas (em) que absolutas (px), para facilitar el redimensionado.

Color: es fundamental tener un buen contraste entre fondo y texto, y está considerado como más cómodo para leer el texto oscuro sobre fondo claro. En cualquier caso, como no podemos controlar como está regulada la pantalla donde se va a leer, recomiendo evitar el fondo color blanco puro, que puede resultar cansado, y sustituirlo por algún tono de gris claro (ver ejemplo con fondo #DDDDDD).

Longitud: Lo ideal son párrafos cortos, de unas cinco líneas aproximadamente, y artículos también cortos. Si son más bien extensos (como este caso), es buena idea introducir alguna imagen para aumentar el espacio entre párrafos (no en todos, pero sí cada 2-4 párrafos) y dar un respiro al lector. También es recomendable usar frases cortas, para digerir más fácilmente la lectura, algo que por cierto a mí me cuesta horriblemente...

Alineación: A LA IZQUIERDA. Nada de textos justificados. La alineación justificada no funciona todo lo bien que querríamos en la mayoría de navegadores, que pueden dejar grandes ríos de espacio vacío de texto para llegar a ambos lados de una línea. Además, en los diseños líquidos o elásticos, si la pantalla es muy ancha, las líneas de texto pueden hacerse muy largas. El alineado a la izquierda, al no tener todas las líneas el mismo largo, ayuda a situarse para pasar a la siguiente. También mejora la accesibilidad, ya que los lectores de pantalla para ciegos tienen problemas con los textos justificados. Seguramente se corregirá en un futuro, pero hoy por hoy...

Texto de introducción: Es muy recomendable un texto introductorio. Esto se sale de lo que es legibilidad pura y dura, pero es muy importante cuando el usuario decide en unos pocos segundos si el contenido le interesa o no. Además, este texto introductorio saldrá en el buscador bajo el título del artículo cuando sea encontrado en un buscador, así que puede marcar la diferencia entre entrar a nuestro site o a cualquier otro.

Hay que utilizar una etiqueta de titular para esta introducción, lo ideal es que sea la inmediatamente inferior al título del artículo (es decir, si el título es H2, la intro será H3). De esta forma resaltamos la importancia de cara a buscadores y al usuario, que viendo el texto destacado sabrá más fácilmente si ha encontrado la información que busca.