Tu objetivo en esta lección
Relacionar un archivo de imagen con una publicación y escribir una alternativa fiel a su función.
Antes de empezar: Necesitas una imagen propia o autorizada y un campo de imagen/multimedia preparado.
Una imagen debe aportar información
Para el taller “Cuida tu primera planta” puedes usar una fotografía propia de una persona trasplantando una planta. Elige un archivo que tengas permiso de publicar y que no incluya datos privados.
Tu sitio puede tener un campo Imagen o usar la Biblioteca multimedia. No son el mismo formulario. Si el tipo Taller solo tiene Lugar y Cuerpo, pide al administrador un campo de imagen o de referencia a multimedia antes de comenzar.
Añade la imagen disponible
- Edita el taller de práctica y localiza el campo acordado.
- Si es un campo Imagen, carga un archivo permitido. Si es una referencia multimedia, selecciona o crea la imagen desde su biblioteca.
- Espera a que termine la carga. Si se rechaza, lee el límite de tamaño y las extensiones que indica el formulario.
- En texto alternativo escribe una descripción breve de lo importante. Para una foto que realmente lo muestre: “Manos colocando una planta pequeña en una maceta”.
- Guarda y revisa la página en una pantalla ancha y otra estrecha.
Cómo comprobar tu descripción
Lee el texto alternativo sin mirar la foto. ¿Ayuda a comprender lo que aporta? No escribas una cadena como “Drupal curso Drupal tutorial Drupal”: eso no describe la imagen. Si la foto es distinta, cambia la descripción para que sea fiel.
Qué hace un estilo de imagen
Un estilo de imagen de Drupal genera variantes, por ejemplo un recorte pequeño para una lista. No necesitas subir copias para cada tamaño. La configuración y el modo de presentación determinan qué variante se usa.
Si no ves la imagen: comprueba primero que se guardó y que el campo está visible. Un archivo subido no garantiza que la presentación lo muestre. En un sitio headless, la web separada también debe saber mostrar ese campo.
Prepara el archivo y su propósito
Antes de cargarlo, abre el archivo en tu equipo. Comprueba que muestra la escena que quieres explicar y que se ve con claridad. Ponle un nombre reconocible, como trasplante-practica.jpg. Cambiar la extensión del nombre no convierte un archivo a otro formato.
Una imagen grande puede pesar mucho sin aportar más al lector. Si tu formulario rechaza el archivo, consulta los límites que muestra y pide una versión adecuada. No intentes corregirlo cambiando permisos del servidor.
Escribe una alternativa que cumpla su función
El texto alternativo comunica lo relevante cuando la imagen no se puede ver o se utiliza una tecnología de lectura. La descripción depende de la función de la foto en esa página, no de incluir palabras clave a toda costa.
| Propuesta | Qué revisar |
|---|---|
| Imagen de Drupal plantas curso plantas | No explica la escena y acumula palabras sin propósito. |
| Una foto bonita | No aporta la información importante. |
| Manos colocando una planta en una maceta con tierra | Es útil si describe realmente la fotografía y su función. |
El pie de foto puede añadir contexto visible, como “Ejercicio de trasplante del taller”. No tienes que repetir exactamente lo mismo en todos los campos.
Comprueba que no solo la subiste
Después de guardar, revisa la página: la imagen debe aparecer sin deformarse ni ocultar el texto. Vuelve al formulario para comprobar que la alternativa quedó guardada. Si usas multimedia, el texto puede gestionarse dentro de la entidad de imagen; observa qué formulario estás editando.
Reto sin ayuda
Elige otra imagen propia y escribe su alternativa antes de subirla. Pide a alguien que escuche la descripción sin mirar la foto y explique qué cree que ocurre. Ajusta el texto si conduce a una interpretación equivocada.
Antes de seguir: puedes identificar el archivo utilizado, dónde se guarda su alternativa y en qué página se muestra. Si solo tienes un archivo en la biblioteca pero no está referenciado por el taller, la tarea todavía está incompleta.
Consulta la documentación oficial
Volver al temario de Drupal desde cero · Continuar: Módulos, temas y bloques de Drupal