En esta página se dan ejemplos de algunas de las "buenas practicas" que mas en cuenta deben tenerse de cara a la web, para asegurar el uso correcto de los distintos bloques y respetar el cumplimiento de las normas de accesibilidad.
Listas sin formato
Las listas deben realizarse siempre con uno de los dos tipos de listas de los que disponemos en el gestor de contenidos: viñetas o numeración. Nunca deben hacerse usando guiones y hay que tener especial cuidado cuando se copia una lista desde una fuente externa, puesto que el formato que usa puede no corresponder con el nuestro.
Ejemplo de lista mal hecha (texto plano con guiones):
- Elemento 1
- Elemento 2
- Elemento 3
Ejemplo de lista bien hecha (Sin guiones, lista hecha con viñetas no numeradas):
- Elemento 1
- Elemento 2
- Elemento 3
Además de una mejor presentación, usar correctamente las listas nos permite hacer uso de sus propiedades, como el uso de columnas o darle cierto formato que se adecue mas a lo que necesitamos.
Noticias
Es muy importante evitar el abuso de líneas o párrafos completamente en mayúscula, tanto en el titular, como en el resumen o el cuerpo de la noticia.
Además, es importante que el "resumen" de la noticia no sea una copia del cuerpo de la misma, ya que el tamaño que ocupa en la sección de noticias eclipsa al resto de noticias.
Encabezados
Los encabezados deben usarse siguiendo un orden para mantener una jerarquía de contenidos correcta, teniendo en cuenta los encabezados que están al mismo nivel, los que están un nivel por debajo, y evitar saltar niveles de encabezados.
Ejemplo de mal uso de encabezados:
Citas
El uso de las citas debe limitarse única y exclusivamente a citas, no debe usarse con otros fines como "embellecer" el texto o darle cierto formato, ya que dificulta la labor de los lectores de pantallas.
Ejemplo de uso incorrecto de las citas.
Visualización en distintos dispositivos
Es ideal revisar que todos los elementos que usamos en la construcción de una noticia o página extendida, se visualiza correctamente en distintos dispositivos, y de no ser el caso buscar alternativas, como por ejemplo evitar el uso de imágenes dentro de tablas, puesto que su visualización en dispositivos móviles no es la correcta.
 |
Columna 1 Fila 1 |
Columna 2 Fila 1 |
 |
Columna 1 Fila 2 |
Columna 2 Fila 2 |
Otras buenas prácticas
Para profundizar en el correcto uso de los elementos de los que disponemos, puede revisar el manual de Plataforma WebUGR donde se detallan mas ejemplos de buenas prácticas en la web.