Support Centre

Crear y etiquetar encabezados y títulos para accesibilidad

Krystine
Krystine
  • Actualización

Las cabeceras guían a los lectores creando una visión general de la estructura de un documento, marcando diferentes secciones y subsecciones, y destacando su contenido. Los lectores usan estos indicadores para navegar más fácilmente por documentos largos o con mucho contenido y para determinar qué esperar en cada sección.

 

Cómo etiquetar cabeceras y párrafos

Usa etiquetas de texto en el Editor actualizado de Venngage para identificar si un cuadro de texto es:

  • Heading 1–6 — indica un título de sección o subtítulo

  • Paragraph — identifica el texto principal o contenido

Pasos:

  1. Selecciona el cuadro de texto en tu lienzo de diseño.

  2. Haz clic en el ícono de etiqueta (🏷️) en el extremo derecho de la barra de herramientas superior para abrir el menú de etiquetas de texto.

  3. Elige la etiqueta apropiada:

    • Usa Heading 1–6 para definir los niveles jerárquicos (H1 = título principal, H2 = subtítulo, etc.)

    • Usa Paragraph (P) para el texto normal

💡 Consejo: También puedes elegir niveles de cabecera pre-estilizados desde el menú de Texto en la barra lateral izquierda.

 

Ejemplo: Jerarquía de etiquetas de texto

Aquí hay una guía visual de cómo funcionan los niveles de cabecera:

  • H1: El bloque superior, con letras azul claro sobre un fondo azul marino, dice "Guía de etiquetas de texto". Este texto está escrito en la fuente más grande. Debe etiquetarse como "Title", ya que aparece al inicio de la página y resume el contenido debajo.

  • H2: El segundo bloque contiene la primera cabecera (H2), "¿Qué constituye una cabecera?" en texto negro sobre un fondo naranja. El tamaño de la fuente es ligeramente más pequeño que el del título. Debe etiquetarse como "H2", ya que es la primera cabecera y se relaciona con el contenido del primer párrafo.

  • P: En el tercer bloque de texto, varias frases aparecen en letras gris oscuro sobre un fondo naranja claro. El tamaño de la fuente es el más pequeño, en relación con el título y otras cabeceras. Este texto debe etiquetarse como "P" para párrafo.

  • H3: La segunda cabecera (H3) aparece debajo del primer párrafo, en letras negras que dicen "Jerarquía de cabeceras". Esta fuente es ligeramente más pequeña que H2 pero con el mismo estilo. Como es más pequeña y se relaciona con el contenido del párrafo debajo, debe etiquetarse como "H3".

    • NOTA: Puedes usar diferentes etiquetas de cabecera según convenga al contenido y las cabeceras de tu documento. Desde el menú de Texto en la barra lateral izquierda del Editor, puedes elegir entre diferentes niveles de cabeceras pre-estilizados.

  • P: En la sección final de texto del tercer bloque, dos frases aparecen en letras gris oscuro debajo de H3 (la tercera cabecera). El tamaño, color y tipo de fuente son consistentes con el estilo de párrafo y deben etiquetarse como "P".

Blank (1).png

 

Verifica tus etiquetas de texto con el Comprobador de Accesibilidad

  1. Haz clic en Archivo → Accesibilidad → Comprobar accesibilidad.

  2. En el panel del Comprobador de Accesibilidad, expande la sección Headings.

  3. Revisa las etiquetas que aparecen en la esquina superior izquierda de cada cuadro de texto.

  4. Selecciona un cuadro de texto para ajustar su etiqueta usando la barra de herramientas si es necesario.

  5. Cuando termines, marca la casilla que dice “Las etiquetas de cabecera siguen las mejores prácticas”.

Esto confirma que tus cabeceras están correctamente estructuradas y son accesibles.

 

Por qué las cabeceras son importantes

Las cabeceras correctamente etiquetadas ayudan a:

  • Los usuarios de lectores de pantalla a entender cuándo comienzan y terminan las secciones.

  • Lectores con discapacidades de aprendizaje o cognitivas a seguir el contenido más fácilmente.

  • Usuarios de teclado a navegar páginas de manera eficiente.

  • Diseñadores y colaboradores a actualizar contenido más rápido sin confusión.

 

Consejos rápidos para cabeceras accesibles

  • Siempre etiqueta los cuadros de texto como H1–H6 o P para asegurar que los lectores de pantalla puedan interpretarlos.

  • Ejecuta el Comprobador de Accesibilidad regularmente para confirmar que se siguen las mejores prácticas.

The feature(s) discussed in this article is available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

Curious about upgrading? Compare our plan features side by side.

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 4 de 4

¿Tiene más preguntas? Enviar una solicitud