Support Centre

Etiquete y agregue texto alternativo a los elementos de su diseño

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

El texto alternativo (alt)  es un texto descriptivo que  identifica el contenido que no es de texto  para lectores con problemas de visión y es legible para herramientas de accesibilidad como lectores de pantalla. Utilice texto alternativo para  identificar  elementos  decorativos e informativos en sus diseños accesibles.

Usa la herramienta Texto alternativo en el Editor de Venngage

Seleccione cualquier  elemento que no sea texto  en el lienzo de diseño. Esto podría ser algo como un icono, una forma, una foto o un  gráfico  .

La mitad superior de un lienzo de diseño en el Editor de Venngage.  Se selecciona un ícono en el lado derecho del lienzo de diseño: es una caricatura estilizada de una persona con barba y cabello oscuro recogido en un moño, que viste una camisa beige, que se muestra de los hombros hacia arriba.  Se ve un cuadro delimitador azul alrededor del icono, que muestra que está seleccionado.

Haga clic o use la barra espaciadora (para usuarios de teclado) en  Alt Text  en la barra de herramientas superior. Esto abrirá el modal emergente "Agregar texto alternativo" (cuadro).

Desde aquí, puede indicar si una imagen es decorativa o agregar una descripción para lectores con discapacidad visual o usuarios de lectores de pantalla.

Describir un elemento que no sea de texto con texto alternativo

Ingrese una descripción  del elemento que no es texto que seleccionó en el campo de texto  Descripción  en el modal Agregar texto alternativo (cuadro).

Un primer plano del modal (cuadro) 'Agregar texto alternativo' superpuesto a un lienzo de diseño en el editor de Venngage.  El encabezado del cuadro dice "Agregar texto alternativo" y, debajo, el texto informativo dice "Agregar texto alternativo (alt) puede mejorar la accesibilidad para los usuarios de tecnologías de asistencia o para aquellos que pueden tener problemas para ver su contenido".  Debajo de este texto hay una sección resaltada en azul pálido, con el título "Consejos para escribir un buen texto alternativo".  Es expandible, con una pequeña flecha hacia abajo al lado.  El campo de texto aparece debajo, bajo el encabezado 'Descripción'.  Debajo del campo de texto hay una casilla de verificación junto al título 'Marcar como decorativo'.  El campo de texto tiene un contador de palabras (de 125 palabras) y hay botones Cancelar y Guardar en la parte inferior del modal.

 

Expanda la sección sobre el campo de texto, "  Consejos para escribir un buen texto alternativo  ", para obtener orientación sobre cómo escribir texto alternativo útil,  o consulte nuestro artículo sobre cómo escribir texto alternativo útil (alt) para contenido que no sea de texto  para obtener más consejos y ejemplos.

Haga clic en el botón "  Guardar  " en la parte inferior del modal cuando haya terminado. Siempre puedes volver y editar el texto antes de descargar o compartir tu diseño.

 

 

Los elementos que no son de texto que transmiten  información adicional  sobre el contenido de su diseño deben tener un texto alternativo descriptivo simple y directo. Los elementos complejos que no son texto, como  cuadros u otros gráficos que presentan información densa,  requieren descripciones más largas  .

Marcar un elemento que no sea de texto como decorativo

Los elementos que no son de texto en su diseño que no transmiten información crucial  deben marcarse como  decorativos  para que el lector de pantalla los omita y no interrumpa el flujo de lectura del contenido.

 

Comprueba tu texto alternativo con el Comprobador de accesibilidad

Abra el  Comprobador de accesibilidad  desde el menú Archivo arriba de la barra de herramientas superior.

 

 

En "  Comprobar accesibilidad  ", desplácese hacia abajo en la lista y abra el encabezado "  Texto alternativo ".  El Verificador de accesibilidad resalta todos los elementos que no son de texto en su lienzo de diseño y  marca el contenido que no es de texto que no tiene texto alternativo  y  no está marcado como decorativo  .

Cada parte del contenido que no sea de texto  debe tener texto alternativo o estar marcado como decorativo  .

Primer plano del encabezado "Texto alternativo" en el panel Accesibilidad, en la pestaña "Comprobar accesibilidad".  Dice: 'El texto alternativo (alt) es una descripción del contenido que no es texto que los lectores de pantalla pueden 'leer'.  El contenido que no es de texto incluye imágenes, iconos, logotipos, formas, líneas y flechas.  Asegúrese de que el contenido informativo que no sea de texto tenga texto alternativo y que el contenido que no sea de texto que sea pura decoración o que se use solo para formato visual esté marcado como decorativo;  no requiere texto alternativo.'  Un enlace en la parte inferior del párrafo dice "Obtenga más información sobre cómo escribir un buen texto alternativo y determinar si el contenido necesita texto alternativo".  Debajo de esto, un encabezado dice "Falta texto alternativo (1)" y muestra un icono de una imagen junto a la etiqueta "Imagen: Falta texto alternativo".  A la derecha hay un botón para 'Agregar texto alternativo'.  La sección inferior muestra un triángulo de precaución amarillo y el encabezado "Se requiere verificación manual para etiquetas decorativas".  El texto debajo dice "Verifique que los gráficos utilizados de forma decorativa o para dar formato visual estén marcados como decorativos".  Debajo hay un cuadro con un fondo azul claro y una casilla de verificación junto al encabezado "El contenido decorativo que no es texto está marcado como decorativo".

 

Agregue texto alternativo a los elementos marcados haciendo clic en "  Agregar texto alternativo  " en el elemento marcado en el verificador de accesibilidad, o haciendo clic en el elemento en el lienzo de diseño para seleccionarlo y usando el botón "  Texto alternativo "  en la barra de herramientas superior  .

En el lienzo de diseño, los elementos a los que les falta el texto alternativo (y que  no  están marcados como decorativos) aparecerán con una etiqueta gris "ALT" en lugar de una azul (que se muestra cuando se ingresa el texto alternativo).

Un usuario hace clic en una imagen en un lienzo de diseño en el Editor de Venngage para seleccionarla, luego hace clic en 'Texto alternativo' en la barra de herramientas superior y escribe texto descriptivo en el campo de texto en el modal (cuadro) 'Agregar texto alternativo', luego hace clic en ' Ahorrar'.

 

Introduce el texto alternativo y guárdalo, o marca el elemento como decorativo; cuando haga esto, el Comprobador de accesibilidad se actualizará automáticamente para reflejar el cambio.

Un usuario se desplaza a través de su diseño en el Editor de Venngage, verificando que todos los elementos que no son de texto estén correctamente etiquetados o descritos con texto alternativo.  El usuario hace clic en la casilla de verificación en la parte inferior del encabezado 'Texto alternativo' en la lista 'Comprobar accesibilidad', como se describe a continuación.

 

Marque la casilla en la parte inferior del encabezado "Texto alternativo"  en el Comprobador de accesibilidad cuando haya completado la verificación manual del documento, para confirmar que "El contenido decorativo que no es texto está marcado como decorativo".

Nota  : cuando agrega descripciones a elementos que no son de texto,  use la herramienta Editar orden de lectura  para asegurarse de que aparezcan en un orden de lectura lógico.

 

Los elementos que no son de texto aparecerán en la lista de Orden de lectura en el Comprobador de accesibilidad, etiquetados según el elemento (p. ej., 'icono', 'forma', 'gráfico') y con el texto ingresado en el campo de texto Descripción de texto alternativo.  Los elementos marcados como decorativos con la herramienta Texto alternativo no aparecerán en la lista Orden de lectura.

¿Fue útil este artículo?

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

¿Tiene más preguntas? Enviar una solicitud