Acerca de esta regla de accesibilidad
Las etiquetas de elementos h1 a h6 deben estar en orden secuencial descendente para que los encabezados tengan un orden lógico correcto.
El objetivo fundamental de los encabezados es comunicar la estructura organizativa de la página. El mismo objetivo se logra empleando diferentes tamaños de fuente para usuarios videntes.
Sin embargo, para usuarios de lectores de pantalla, el tamaño del texto es inútil porque un lector de pantalla solo puede reconocer un encabezado si está correctamente marcado. Cuando los componentes de encabezado se utilizan correctamente, tanto usuarios videntes como usuarios de lectores de pantalla encontrarán mucho más sencillo navegar por la página.
Los usuarios de lectores de pantalla pueden navegar entre encabezados de la misma manera que los usuarios videntes podrían ojear una página para hacerse una idea de sus contenidos. Los usuarios, especialmente aquellos que utilizan lectores de pantalla, pueden ahorrarse una gran cantidad de tiempo y estrés usando encabezados bien escritos y organizados de manera lógica.
Los encabezados sirven para explicar la organización de la página web, no solo para atraer atención hacia texto clave. Deben ser concisos, distintos, y acompañados por componentes h1 a h6 utilizados en orden jerárquico. Los encabezados son herramientas útiles para usuarios de lectores de pantalla debido a todas estas características. Los usuarios de lectores de pantalla pueden moverse entre encabezados de manera similar a cómo los lectores videntes pueden escanear rápidamente una página y hacerse una idea de su contenido. Los lectores de pantalla pueden ahorrar tiempo y estrés utilizando encabezados que están claramente escritos y organizados.
Dado que los motores de búsqueda emplean encabezados al filtrar, organizar y mostrar resultados, los encabezados ofrecen otras ventajas más allá de simplemente hacer la página más accesible. Hacer tu sitio web más buscable es otro beneficio de hacerlo más accesible.
Qué verifica esta regla de accesibilidad
Asegura la precisión semántica del orden de los encabezados.
Ayúdanos a mejorar nuestras guías
Detecta problemas de accesibilidad automáticamente
Rocket Validator escanea miles de páginas con Axe Core y el W3C Validator, encontrando problemas de accesibilidad en todo tu sitio web.