Accesibilidad: preparar tus imágenes y galerías
8 min de lectura
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 Hecho.
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 solicite que agregues texto alternativo a las imágenes. Usa la 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 Establecer alt text.
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 Establecer alt text.
- Haz clic en Hecho.
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.