Ir al contenido principal
Todas las coleccionesMejores prácticas
Cómo agregar texto alternativo a las imágenes: prácticas recomendadas
Cómo agregar texto alternativo a las imágenes: prácticas recomendadas
Emily van der Harten avatar
Escrito por Emily van der Harten
Actualizado hace más de una semana

Este artículo fue traducido del inglés mediante traducción automática.

Las tecnologías de asistencia, como los lectores de pantalla, utilizan texto alternativo para describir imágenes a personas ciegas o con baja visión. El texto alternativo también aparece en lugar de imágenes cuando estas no se pueden cargar correctamente debido a un ancho de banda de Internet bajo y cuando alguien oculta imágenes en un sitio web para reducir la carga cognitiva.

Webex Events le permite agregar texto alternativo a las imágenes en toda nuestra plataforma, de modo que todos puedan participar de manera equitativa en todas las experiencias del evento. Este artículo le muestra cómo agregar texto alternativo a las imágenes y brinda sugerencias y recursos para escribir texto alternativo eficaz.

¿Por qué agregar texto alternativo a las imágenes?

Vale la pena aprender a escribir textos alternativos eficaces. Sin embargo, la práctica hace al maestro, y es mucho mejor intentarlo que no hacer nada. Recomendamos encarecidamente agregar texto alternativo a cada imagen o marcar las imágenes como decorativas cuando corresponda. Si no hace nada, su contenido será inaccesible para una amplia variedad de usuarios. Asimismo, los lectores de pantalla leerán el nombre del archivo de la imagen, lo que puede generar una experiencia de usuario frustrante y desagradable.

Consejos para textos alternativos

Antes de aprender cómo agregar texto alternativo en la plataforma Webex Events , esta sección destaca algunos tipos diferentes de imágenes, describe consejos sobre cómo escribir texto alternativo y proporciona recursos de la Iniciativa de Accesibilidad Web (WAI) para ayudarlo a aprender más.

Tipos de imágenes

Existen distintos tipos de imágenes que justifican distintos tipos de texto alternativo. A continuación, se muestran los tipos de imágenes habituales que puedes añadir a distintas partes de la plataforma:

  • Imágenes informativas : imágenes con información que ayudan a comprender un concepto que se transmite en una página. Si una persona no puede ver la imagen, se pierde información clave. Estas imágenes necesitan texto alternativo.

  • Imágenes decorativas : imágenes que no agregan información adicional a lo que se transmite en una página, como una imagen de fondo. Estas imágenes se pueden marcar como decorativas.

  • Imágenes funcionales : imágenes que también vinculan a otros destinos. Estas imágenes necesitan un texto alternativo que incluya el propósito del vínculo. Por ejemplo, si tiene una imagen de banner que vincula internamente a la función de patrocinadores, incluya esta información en el texto alternativo para que las personas sepan qué esperar.

  • Imágenes de texto : imágenes que contienen texto informativo. El mensaje que se transmite en una imagen como esta debe tener un texto equivalente, generalmente escrito en el texto alternativo.

Consejos para escribir texto alternativo

  • Utilice un texto alternativo breve. Recomendamos que no tenga más de una o dos oraciones. La plataforma Webex Events limita el texto alternativo a 250 caracteres.

  • Describe la imagen en el contexto de su entorno. Pregúntate: "¿Qué información esencial necesitan saber las personas sobre esta imagen?" Tu objetivo es proporcionar el equivalente textual de lo que transmite la imagen.

  • Si la imagen contiene texto, ese mensaje también debe existir en formato de texto, ya sea en el campo de texto alternativo o en una descripción adyacente. Por ejemplo, puede tener una imagen de banner que tenga información sobre una sesión. Los lectores de pantalla no pueden leer el texto incorporado a una imagen, por lo que el texto alternativo es un excelente lugar para agregar un equivalente de texto.

  • No comience el texto alternativo con "Imagen de". Los lectores de pantalla suelen anunciar imágenes, por lo que escribir "Imagen de" es innecesario.

  • Marcar una imagen como decorativa le indica al lector de pantalla que la ignore y la pase por alto. Marque las imágenes como decorativas si:

    • La imagen no agrega ninguna información o contexto adicional.

    • La imagen se describe en el texto adyacente y, de lo contrario, agregar un texto alternativo sería una duplicación. Por ejemplo, una imagen de perfil con el nombre "Serena Page" en el texto directamente debajo no necesita un texto alternativo que diga "Imagen de perfil de Serena Page" y se puede marcar como decorativa.

Recursos de texto alternativo

WAI tiene muchos recursos para ayudarte a escribir texto alternativo claro y útil.

¿Dónde puedo agregar texto alternativo en Webex Events?

Con casi cualquier imagen que cargues en la plataforma Webex Events , puedes agregar texto alternativo o marcar la imagen como decorativa. La excepción a esto son las imágenes de perfil, que se marcan automáticamente como decorativas. 😸

💡 Ten en cuenta que solo puedes agregar texto alternativo a una imagen cuando la subes de forma manual directamente dentro de la plataforma. Actualmente, no es posible agregar texto alternativo al importar datos.

En la Event App, los asistentes pueden agregar texto alternativo a las imágenes que publican en la función Muro.

Cómo agregar texto alternativo en la plataforma Webex Events

  1. Al cargar una imagen a la plataforma Webex Events , haga clic en el botón Agregar texto alternativo en el paso "Vista previa".

    El botón Agregar texto alternativo en el modo Vista previa.
  2. En el cuadro de diálogo "Agregar texto alternativo", ingrese una breve descripción de la imagen en el campo Texto alternativo , de hasta 250 caracteres. Si la imagen es decorativa y no agrega ningún valor informativo, simplemente marque la casilla "La imagen es decorativa" sin agregar texto alternativo.

    1. En el siguiente ejemplo, la imagen contiene un texto que dice: "Janet Watson, oradora principal. Presidenta de Energía Sostenible para Todos, ONU Energía", por lo que hemos agregado este texto exacto al campo de texto alternativo.

      El ejemplo que se acaba de describir en el modal Agregar texto alternativo.
  3. Haga clic en Guardar .

  4. Haga clic en Cargar para finalizar.

💡 Tenga en cuenta que no es posible editar el texto alternativo de una imagen en la plataforma Webex Events . Si necesita cambiar el texto alternativo, debe volver a cargar la imagen y agregar el texto alternativo actualizado durante el proceso de carga, como se acaba de describir.

Cómo los asistentes agregan texto alternativo de imagen a una publicación en el muro

Los asistentes que carguen una imagen como parte de una publicación en el muro pueden agregar texto alternativo antes de publicarla en el muro.

Los usuarios de la aplicación web hacen clic en el botón Agregar texto alternativo en el paso "Vista previa", agregan texto alternativo o marcan la imagen como decorativa, hacen clic en Guardar y luego en Cargar .

El modal para agregar texto alternativo en la aplicación web. El texto alternativo dice:

Los usuarios de la aplicación móvil simplemente tocan el botón +Alt en la esquina superior derecha de la imagen, ingresan el texto alternativo para la imagen, tocan Listo y luego Publicar .

El proceso acabamos de describir.

¡Ahora ya sabes qué es el texto alternativo! ¿Por qué no aprendes más sobre cómo puedes ahorrar tiempo con los formularios de colaboración ?

¿Tienes preguntas? Chatea con nosotros o envía un correo electrónico a support@socio.events

¿Ha quedado contestada tu pregunta?