Support Centre

Crear y etiquetar encabezados y títulos para accesibilidad

Renée Meloche
Renée Meloche
  • Actualización

Los encabezados, títulos y subtítulos  guían a los lectores  creando una  descripción general de la estructura de un documento  , marcando diferentes secciones y subsecciones y resaltando su contenido. Los lectores usan estos marcadores para  navegar  documentos extensos o de contenido denso más fácilmente y para determinar qué esperar en esa sección.

¿Cómo marco encabezados u otro texto?

Usa  etiquetas de texto  en el Editor actualizado de Venngage para indicar si un cuadro de texto contiene:

  • Título

  • Encabezado (indicar nivel con número: H1, H2, H3, H4, H5 o H6)

  • Párrafo (P)

Seleccione el cuadro de texto que desea etiquetar en su lienzo de diseño.

Haga clic en el icono de "etiqueta" en el extremo derecho de la barra de herramientas superior para abrir el  menú Etiqueta de texto  , que se muestra aquí:

Se selecciona un cuadro de texto en un lienzo de diseño en el Editor de Venngage.  En la barra de herramientas superior sobre el lienzo, se selecciona el ícono de una etiqueta y debajo se ve un menú titulado 'Etiqueta de texto', con una lista de etiquetas de texto (como está escrito arriba).  La etiqueta 'H1' está seleccionada, con una marca de verificación junto a ella.  El ícono de la etiqueta en la barra de herramientas y el menú Etiqueta de texto están resaltados por un cuadro rojo agregado a la imagen.
 

Seleccione la etiqueta de texto que le gustaría usar. En la imagen de arriba, el texto "Objetivos de microaprendizaje (MLO)" está seleccionado y etiquetado como "H1", lo cual es apropiado ya que aparece como un encabezado sobre un párrafo de texto.

Un usuario hace clic en un cuadro de texto que aparece en un lienzo de diseño en el Editor de Venngage.  Con el cuadro de texto seleccionado, el usuario hace clic en el icono de etiqueta en la barra de herramientas superior.  Seleccionan la etiqueta de texto 'H1' y la aplican al cuadro de texto seleccionado.

Use la etiqueta "  P  " para texto de párrafo, es decir, cualquier oración o párrafo de texto que represente el  contenido  de una sección en lugar de un  título definitorio  .

 

Una práctica guía visual para la jerarquía de etiquetas de texto

Tres bloques de texto, con corchetes al lado de cada bloque que indican etiquetas de texto como se describe a continuación.  Bloque uno: Título - Guía de etiquetas de texto.  Bloque 2: H1 (Título 1) - ¿Qué constituye un título?  Bloque 2: P (Párrafo) - Los encabezados son palabras o texto que indican una sección específica de contenido en un documento o en una página web.  Generalmente, los encabezados están un nivel más bajo que el título de un documento.  El título indica el contenido de todo el documento;  los encabezados son específicos para cada sección de contenido dentro del documento.  H2 (Título 2) - Jerarquía de títulos.  P (Párrafo): haga que la navegación por su documento sea aún más fácil para las lecturas mediante el uso de diferentes niveles de encabezados en su documento para subdividir el contenido.  Esto ayuda a dividir los párrafos más largos en piezas de información más digeribles.
  • TÍTULO  : El bloque superior, con letras de color 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 "Título", ya que aparece en la parte superior de la página y resume el contenido a continuación.

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

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

  • H2  : el segundo encabezado (H2) aparece debajo del primer párrafo, en letras negras que dicen "Jerarquía de encabezados". Esta fuente es un poco más pequeña que la H1, pero por lo demás tiene el mismo estilo. Debido a que es más pequeño y se relaciona con el contenido del párrafo debajo, debe etiquetarse como "H2".

    • NOTA: Puede usar diferentes etiquetas de encabezado según se adapte al contenido y los encabezados de su documento. Desde el  menú Texto  en la barra lateral izquierda del Editor, puede elegir entre diferentes niveles de encabezado prediseñados.

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

 

¿Cómo uso el Verificador de accesibilidad de Venngage para verificar mis etiquetas de texto?

Haz clic en  Archivo  en la parte superior del Editor de Venngage y selecciona  Accesibilidad  Verificar Accesibilidad  para abrir el Verificador de Accesibilidad.

Esto abrirá un panel a la derecha que le brinda 11 categorías de accesibilidad para que las evalúe y una guía para cumplir con los requisitos de accesibilidad en cada "problema" que está marcado en el verificador.

Un usuario abre el panel Comprobador de accesibilidad como se describe anteriormente y expande la sección "Títulos" como se describe a continuación.

 

Contrae o expande cada sección haciendo clic en ella; en el GIF anterior, el usuario colapsa la sección "Título del documento" y se desplaza hacia abajo hasta la sección "Títulos", que expande.

Expanda la sección Encabezados  . Esto seleccionará automáticamente los cuadros de texto en el diseño y hará visibles sus respectivas etiquetas de texto en la esquina superior izquierda del cuadro de texto, como se muestra en el GIF a continuación:

El usuario hace clic en Encabezados en el panel derecho del Comprobador de accesibilidad, visible sobre el lienzo de diseño en el Editor de Venngage. La sección Encabezados se expande y los cuadros delimitadores se vuelven visibles alrededor de todos los cuadros de texto en el lienzo de diseño, con pequeños iconos de etiquetas de texto visibles en la esquina superior izquierda de cada uno.

 

Verifique las etiquetas de texto en cada cuadro de texto en su diseño.  Seleccione cada cuadro de texto individualmente para que aparezca la  herramienta de etiqueta de texto en la barra de herramientas superior  y etiquételo correctamente.

Un usuario revisa las etiquetas de texto en cada cuadro de texto visible en un lienzo de diseño en el Editor de Venngage, como se describe arriba, luego hace clic en la casilla de verificación en la parte inferior de la sección Encabezados en el panel de Accesibilidad de la derecha, como se describe a continuación.

 

Haga clic en la marca de verificación en el panel Accesibilidad en la parte inferior de la sección Encabezados  cuando haya terminado para verificar que sus "Etiquetas de encabezado siguen las mejores prácticas".

 

¿Por qué son importantes los encabezados?

De acuerdo con los  criterios de éxito descritos en las Pautas de accesibilidad al contenido web  , los encabezados utilizados correctamente:

  • Permita que los lectores que usan un lector de pantalla comprendan cuándo se han movido de una sección de un documento o página web a otra, y ayúdeles a comprender el propósito de cada sección;

  • Permitir que las personas con problemas de aprendizaje u otras dificultades cognitivas entiendan la organización general del contenido de un documento o página web más fácilmente;

  • Permitir que los lectores naveguen por un documento o una página usando  los controles de enfoque del teclado  (otra herramienta de accesibilidad);

  • Permita que usted u otros autores de documentos actualicen o modifiquen contenido más fácilmente en distintas secciones sin buscar en todo el contenido del documento.

Consejos rápidos para asegurarse de que sus encabezados sean accesibles

¿Fue útil este artículo?

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

¿Tiene más preguntas? Enviar una solicitud