Accesibilidad Web #4 – Encabezados

Encabezados

Tiene que quedar bien claro que los encabezados (desde H1 hasta H6) NO se utilizan para poner el texto en negrita o hacer que el texto sea mas grande.

Los encabezados deben transmitir la estructura lógica del contenido. Un libro tiene un titulo. El libro suele estar dividido en capítulos con un titulo por capitulo.

Poniendo un ejemplo de un periódico, tenemos que el nombre del periódico y su logo estarán dentro de un <H1>.

Cada sección (local, nacional, internacional, deportes, el tiempo, etc), volvería a ser otro H1 y cada noticia dentro de cada sección seria un H2 y así sucesivamente.

En la practica es raro encontrarnos con contenidos con necesidad de profundizar ni siquiera hasta el H4. No se suele ver casi nada H5 ni H6.

Es importante no saltarse los encabezados. Es decir, no pasar de un H1 a un H4 y luego un H2. Se ha de seguir una estructura lógica que se debe meditar antes de ponerse a realizar el proyecto.

Logica de profundidad de encabezados
Logica de encabezados

El encabezado debe ir acorde al contenido. Esta claro, que tras el encabezado de Deportes, las noticias que tenemos que encontrar serán de deportes. Esto que parece tan lógico, no es tan difícil de ver.

Si sabemos mantener bien la estructura de encabezados tendremos ademas de accesibilidad, SEO: dos por precio de uno.

Echa un vistazo a lo que dice el consorcio W3C.

Accesibilidad Web #4 – Encabezados

Un comentario en “Accesibilidad Web #4 – Encabezados

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s