Accesibilidad: preparar tus imágenes y galerías
10 min
En este artículo
- Agregar texto alternativo en el editor
- Ir a imágenes individuales
- Ir a las galerías
- Agregar texto alternativo con el Asistente de accesibilidad
- Generar texto alternativo con IA
- Marcar imágenes como decorativas
- Texto en imágenes
- Imágenes de texto
Los visitantes que tienen problemas visuales pueden usar tecnología de asistencia, como lectores de pantalla, para navegar por tu sitio. Agrega descripciones a las imágenes y galerías usando texto alternativo para que estos visitantes puedan acceder a ellas.
El texto alternativo proporciona información sobre los archivos multimedia y ayuda a los motores de búsqueda y a los lectores de pantalla a "leerlos".
¿De dónde Wix obtiene la información?
- Basamos nuestras recomendaciones en el documento de las Pautas de Accesibilidad para el Contenido Web (WCAG), que ha sido desarrollado por el World Wide Web Consortium (W3C).
- Este artículo se basa en los siguientes criterios de éxito:
Agregar texto alternativo en el editor
El texto alternativo garantiza que los visitantes que usan lectores de pantalla puedan acceder al contenido de tu sitio y comprenderlo. Por ende, recomendamos agregarlo a todas las imágenes relevantes, incluidos los archivos multimedia que aparecen en apps como Wix Stores, Wix Bookings, etc.
Ir a imágenes individuales
Agrega texto alternativo a las imágenes en el creador de sitios (Editor de Wix y Editor de Wix Studio) desde el panel de Ajustes.
Editor de Wix
Editor de Wix Studio
- Ve al editor.
- Haz clic en la imagen en la página.
- Haz clic en el icono Ajustes
. - Ingresa una descripción de la imagen en la sección ¿Qué hay en la imagen?
- Pulsa Enter en el teclado para guardar.
Ir a las galerías
Usa el Administrador de multimedia de tu sitio para agregar texto alternativo a las imágenes de la galería.
Editor de Wix
Editor de Wix Studio
- Ve al editor.
- Haz clic en la Galería en la página.
- Haz clic en Organizar multimedia o Cambiar imágenes.
- Haz clic en una imagen para seleccionarla.
- Ingresa un título para la imagen a la derecha.
- (Para la galería Wix Pro) Edita el texto alternativo de la imagen en Texto alternativo si quieres que sea diferente del título de la imagen.
- Haz clic en Listo.
Consejo:
Asegúrate de publicar el sitio para que el texto alternativo esté activo.
Nota:
En la actualidad, no es posible agregar texto alternativo a las imágenes o las galerías de forma masiva. Si deseas ver esta función, puedes votar por ella aquí.
Agregar texto alternativo con el Asistente de accesibilidad
Al revisar un sitio con el Asistente de accesibilidad, es posible que se te pida que agregues texto alternativo a las imágenes. Puedes usar esta tarea en el Asistente para proporcionar una descripción breve y clara para los visitantes del sitio.
Editor de Wix
Editor de Wix Studio
Usa el asistente para agregar imágenes del sitio con texto alternativo e imágenes que aparecen en las apps de Wix Stores y Wix Bookings.
Para agregar texto alternativo a las imágenes del sitio:
- Ve al editor.
- Haz clic en Ajustes en la parte superior y selecciona Asistente de accesibilidad.
- Haz clic en Escanear mi sitio en el panel Asistente de accesibilidad a la derecha.
- Selecciona las tarjetas tituladas Texto alternativo.
- Ingresa la descripción de la imagen en el campo Cuéntale a Google qué hay en la imagen.
- Haz clic en Configurar texto alternativo.
Para agregar texto alternativo a las imágenes de las apps:
- Ve al editor.
- Haz clic en Ajustes en la parte superior y selecciona Asistente de accesibilidad.
- Haz clic en Escanear mi sitio en el panel Asistente de accesibilidad a la derecha.
- Selecciona el menú desplegable Tiendas/Reservas.
- Selecciona las tarjetas tituladas Texto alternativo.
- (Solo para tiendas) Selecciona cada imagen de producto o de la variante del producto.
- Ingresa la descripción de la imagen en el campo Cuéntale a Google qué hay en la imagen.
- Haz clic en Configurar texto alternativo.
- Haz clic en Listo.
Generar texto alternativo con IA
¿Estás creando un sitio en el Editor de Wix Studio? Puedes usar la herramienta de IA en el Asistente de accesibilidad para generar texto alternativo. Elige si deseas generar texto alternativo para imágenes específicas o para todas las imágenes de la página.
Importante:
- No podemos garantizar que el texto alternativo generado por IA sea siempre completamente preciso. Por lo tanto, recomendamos verificar el texto generado para cada imagen y editarlo según sea necesario.
- Las imágenes SVG o GIF no son compatibles con la herramienta de texto alternativo con IA. Debes escribir manualmente el texto alternativo para estos tipos de archivos.
Para generar texto alternativo con IA:
- Ve al editor.
- Haz clic en el Verificador de sitios
a la izquierda del editor.
- Selecciona Solucionar problemas de accesibilidad.
- Haz clic en Escanear sitio.
- Selecciona la pestaña Problemas detectados.
- Abre el menú desplegable de la página correspondiente.
- (Si no todas las imágenes tienen texto alternativo) Haz clic en Comenzar.
- (Si previamente has agregado texto alternativo a todas las imágenes) Haz clic en Editar.
- Selecciona lo que quieres hacer:
- Genera texto alternativo para una sola imagen:
- Haz clic en el icono Editar
junto a la imagen correspondiente.
- Haz clic en Generar.
- Haz clic en el icono Editar
- Generar texto alternativo en masa para todas las imágenes de la página: haz clic en Generar.
- Genera texto alternativo para una sola imagen:
- Verifica el texto generado o realiza los cambios necesarios.
- Haz clic en Aplicar.
¿Estás usando la edición masiva?
La herramienta no genera texto alternativo para las imágenes que están marcadas como decorativas o que ya contienen texto alternativo.
Nota:
En ocasiones, es posible que veas que la herramienta de IA no ha podido generar texto alternativo para una o varias imágenes en una página. Puedes hacer clic en Reintentar según sea necesario.
Marcar imágenes como decorativas
Las imágenes decorativas son imágenes que no contribuyen al contenido de tu sitio, ya que están allí solo con fines estéticos o decorativos.
Si una imagen en un sitio es decorativa y no es relevante para el contexto, no es necesario agregar texto alternativo. Puedes marcar una imagen como "decorativa" en el Asistente de accesibilidad para asegurarte de que los motores de búsqueda y los lectores de pantalla la omitan automáticamente.
Editor de Wix
Editor de Wix Studio
- Ve al editor.
- Haz clic en Ajustes en la parte superior y selecciona Asistente de accesibilidad.
- Haz clic en Escanear mi sitio en el panel Asistente de accesibilidad a la derecha.
- Selecciona las tarjetas tituladas Texto alternativo.
- Selecciona la casilla de verificación junto a Esta imagen es decorativa, no necesita descripción.
Información útil:
Debes agregar texto alternativo a cualquier imagen que contenga enlaces y no marcarlas como decorativas.
Texto en imágenes
Esto se refiere a imágenes que contienen texto ilustrado o agregado.
El texto de las imágenes no puede ser "leído" por los motores de búsqueda ni por los lectores de pantalla. Sin embargo, si la imagen es necesaria y el texto tiene contexto para el sitio, puedes agregarlo a la descripción de la imagen.
Si el texto no tiene contexto o no contribuye al contenido del sitio, no es necesario agregarlo a la descripción de la imagen.
Selecciona una de las siguientes opciones para obtener más información sobre el texto de la imagen que debes y no debes agregar a la descripción de la imagen.
Texto importante
Texto sin importancia
Imágenes de texto
Las imágenes de texto contienen solo texto y no muestran ningún otro elemento. Algunos ejemplos de esto incluyen imágenes de fuentes o logotipos que contienen solo texto.
Como no son elementos de texto "real", las imágenes de texto no pueden ser leídas por los motores de búsqueda ni por los lectores de pantalla. Recomendamos evitarlas siempre que sea posible y reemplazarlas con elementos de texto real para mejorar el SEO y la accesibilidad en tu sitio web.
Próximo paso:
Vuelve a la lista de verificación de accesibilidad para seguir mejorando la accesibilidad de tu sitio.