Leer textos largos y densos sin una organización ni un esquema claro puede resultar abrumador. Si hay encabezados, es más fácil examinar y comprender el contenido gracias a la estructura que proporcionan.

Los encabezados suelen destacarse visualmente del resto del contenido. Este cambio en la apariencia no solo es un descanso visual agradable, sino que también permite que los lectores escaneen la página y encuentren lo que buscan.

Por ejemplo, los encabezados de esta página de ayuda le permiten saber dónde se encuentran las formas de aplicar niveles de encabezados y las prácticas recomendadas para la estructura de encabezados con solo un vistazo.

Cuando se crean correctamente los encabezados, se facilita la navegación por la página. Los navegadores, los complementos y los lectores de pantalla pueden usar los encabezados para ir directamente a un tema. Por ejemplo, los usuarios de lectores de pantalla pueden escuchar una lista de los encabezados, optar por saltar directamente al encabezado al que desean dirigirse y comenzar a leer desde allí.

Estructura de encabezados

Los encabezados deben seguir un orden secuencial y descendente, y no se debe omitir ningún nivel. Se utilizan números para representar el nivel de encabezado, donde 1 es el nivel más alto y 6 es la subsección más baja.

La mayoría de las tecnologías, incluidos los lectores de pantalla, se limitan a seis niveles de encabezados. Se debe evitar superar esta cantidad, ya que es posible que no se lean los encabezados.

El nivel de encabezado 1 suele representar el título de la página web o del documento. También se puede comparar con el título de un libro. Si el libro constara de tres actos, se utilizaría el nivel de encabezado 2 para los encabezados de los actos. El nivel de encabezado 3 se utilizaría para los capítulos de cada acto, y así sucesivamente.

Cuando los encabezados no se encuentran en un orden lógico, se considera que hay un problema menor. Aun así, los problemas menores deben corregirse para obtener una mejor experiencia. 

Ally lo ayuda a identificar los encabezados que no se encuentran en un orden lógico y a corregirlos. Para hacerlo, se verifican los siguientes aspectos:

  • ¿Hay encabezados en la página web o el documento?
  • ¿Los niveles de encabezados comienzan por el nivel 1?
  • ¿Existe una jerarquía y un orden lógico y coherente? 
  • ¿Los niveles de encabezados superan los seis niveles?

Si el contenido no pasa alguna de las comprobaciones, Ally marcará un problema de encabezados.

Uso de Ally para encontrar encabezados que no tengan un orden lógico

Use el informe de accesibilidad de Ally para detectar y solucionar los problemas de accesibilidad en su sitio. Use el enlace proporcionado para el informe e inicie sesión. Abra el informe y mire la lista de problemas en la tabla Problemas de accesibilidad.

La tabla Problemas de accesibilidad se encuentra en las pestañas Descripción general y Dominio. Comience en la pestaña Dominio para ver los problemas específicos de un dominio.

Cuando los encabezados no se encuentran en un orden lógico, se considera que hay un problema menor. Use la pestaña Menor de la tabla Problemas de accesibilidad para ver la lista de problemas menores. Seleccione los problemas con encabezados que no tienen un orden lógico.

Si comienza en la pestaña Descripción general, seleccione el problema y, a continuación, el dominio que lo presenta. Los problemas de encabezados pueden comenzar con el nombre Documento o HTML en la lista.

En la lista de problemas en el dominio, seleccione el indicador de puntuación junto a un elemento que presente el problema. Se abrirá el panel de comentarios del editor de contenido.

Vista preliminar de los encabezados que no tienen un orden lógico

El panel de comentarios de Ally le muestra una vista preliminar del contenido, y le brinda los comentarios detallados y el soporte para que pueda corregir los problemas de accesibilidad. Utilice la vista preliminar para ver los encabezados que no se encuentran en un orden lógico.

En la vista preliminar, se destaca en qué partes del documento hay problemas de accesibilidad específicos. La información destacada muestra cada instancia de un tipo de problema a la vez. Por ejemplo, para el problema de encabezados sin orden lógico, en la vista preliminar se destacan los encabezados en los que se produce este problema específico.

Herramientas de vista preliminar

Use las herramientas de la vista preliminar para analizar los problemas del documento.

  • Desplácese por la vista preliminar página por página.
  • Vea cuántas veces aparece un problema determinado.
  • Recorra los distintos problemas resaltados.
  • Oculte o muestre la información destacada.
  • Acerque o aleje el contenido de la vista preliminar.
  • Si el problema se encuentra en un documento adjunto, descargue el archivo original.

Pasos de Ally para arreglar los niveles de encabezados

Se asume que usted tiene conocimiento básico sobre HTML y sabe cómo usar su sistema de gestión de contenido (CMS). Para seguir las instrucciones, debe saber cómo editar una página web en HTML o el código fuente de su CMS.

Junto con la vista preliminar, Ally le ofrece una guía detallada para corregir el problema. Estos comentarios se organizan en un árbol de decisiones. Solo debe leer las instrucciones y responder a cada indicación. Podrá saber cuál es el problema, conocer su importancia y aprender a corregirlo adecuadamente.

Seleccione Cómo arreglar el orden de los encabezados y siga los pasos.

Formas de aplicar los niveles de encabezados en las páginas web

Existe más de una forma de aplicar los niveles de encabezados en las páginas web.

  • HTML: las instrucciones de Ally le indicarán cómo encontrar y editar los niveles de encabezados en HTML. Solo debe buscar la página web con el encabezado, editar la página. actualizar la etiqueta del encabezado al nivel correcto en el código HTML y guarde la página.
  • RTE: algunos CMS tienen un editor de texto enriquecido (RTE) que puede ofrecer formas sencillas de aplicar los encabezados. Busque el encabezado en la página web. Selecciónelo y utilice las herramientas de CMS para aplicar un nuevo nivel de encabezado, y guarde la página.

Visite w3schools para obtener más información sobre HTML y CSS

¿Por qué no veo la opción del nivel de encabezado que quiero elegir?

Ally no controla los niveles de encabezados disponibles en su CMS. Solo comprueba si hay un orden lógico en función de los niveles de encabezados utilizados.

Se recomienda limitar la cantidad de niveles de encabezados a seis. Sin embargo, puede que no vea los seis niveles en el editor de contenido.

Es posible que la cantidad de niveles de encabezados esté definida en la guía de estilo de un sitio y forme parte de una plantilla. Antes de realizar cambios, consulte la guía de estilo del sitio.

En algunos casos, ya se utilizan encabezados de nivel superior como parte del CMS. Por ejemplo, el título de esta página de ayuda es un encabezado de nivel 1, por lo que los niveles de encabezado del editor comienzan en el nivel 2.

Utilice los niveles de encabezados que tenga disponibles para crear un orden lógico de los encabezados en la página.

Prácticas recomendadas sobre la estructura de encabezados

No utilice el tamaño ni el color de la fuente para destacar los encabezados del resto del contenido. Use las opciones de niveles de encabezados que se proporcionan en la herramienta de edición.

Elija siempre "Encabezado 1" para el nivel más alto de encabezado. Utilice "Encabezado 2" para los encabezados de secciones, "Encabezado 3" para los encabezados de las subsecciones, y así sucesivamente. "Normal" se usa para los párrafos.

Si está actualizando un documento, use los estilos de encabezados integrados en su software de procesamiento de texto.

Estilos de encabezados

No utilice el tamaño ni el color de la fuente para destacar los encabezados del resto del contenido. Es importante usar los niveles de encabezados que se proporcionan en la herramienta de editor de contenido o las etiquetas de encabezado

adecuadas. Las etiquetas y los niveles de encabezados proporcionados son fundamentales para que los usuarios de lectores de pantalla puedan recorrer la página.

Si no le gusta el estilo del encabezado, puede actualizar la plantilla.

Los estilos de encabezados suelen definirse en la guía de estilo de un sitio y pueden reflejar la marca. Antes de realizar cambios, consulte la guía de estilo del sitio.