Imágenes que informan (y que también se escuchan): edición visual e inclusiva en Word
Al terminar vas a poder: El estudiante insertará y editará imágenes en Word (insertar, recortar, ajustar texto, estilos y bordes) para producir una ficha informativa ilustrada sobre un tema tecnológico, distinguiendo entre decorar e informar, y evaluando su propio diseño y el de un compañero con criterios explícitos de claridad visual, composición y propósito. Además, hará su ficha accesible para todas las personas escribiendo el texto alternativo de cada imagen, de modo que quien usa un lector de pantalla reciba la misma información (eje de inclusión). En el camino, ejercita el uso crítico de la IA: le pide datos para su ficha y los verifica contra una fuente confiable antes de usarlos.
Una imagen bien puesta vale puntos: decorar no es informar (y debe poder escucharse)
¿Para qué insertar imágenes en un documento académico?
No para adornar: para informar. Una buena imagen hace tres trabajos a la vez:
- Muestra lo que las palabras no alcanzan a describir (un circuito, una interfaz, una gráfica).
- Descansa el ojo del lector — un muro de texto cansa; una imagen bien colocada da aire.
- Comunica cuidado: un documento bien compuesto dice “esto está hecho en serio” antes de que alguien lea la primera línea.
Tú ya sabes editar imágenes (aunque no lo sepas)
| Lo que ya haces en el celular | Cómo se llama en Word |
|---|---|
| Recortar una foto antes de subirla | Recortar (pestaña Formato de imagen) |
| Acomodar un sticker para que no tape nada | Ajustar texto + arrastrar posición |
| Ponerle marco o filtro a una foto | Estilos de imagen (bordes, sombras, marcos) |
| Hacer una foto más pequeña para que quepa | Tamaño (arrastrar esquinas, nunca los lados) |
El concepto que resuelve el 90% de los corajes: ajuste de texto
Cuando insertas una imagen, Word necesita saber cómo convive con el texto. Las tres opciones que usarás hoy:
| Opción | Qué hace | Cuándo usarla |
|---|---|---|
| En línea con el texto | Trata la imagen como una letra gigante dentro del párrafo | Imágenes pequeñas dentro de una oración; es la opción por defecto |
| Cuadrado | El texto rodea la imagen por los lados | La opción reina para fichas y trabajos: imagen a un lado, texto fluyendo alrededor |
| Detrás del texto | La imagen se va al fondo, el texto pasa encima | Fondos y marcas de agua — con cuidado: si la imagen es oscura, el texto se pierde |
Si una imagen “se brinca sola de página” o “desacomoda todo”: el problema casi siempre es el ajuste de texto, no tú.
La imagen que también se escucha: el texto alternativo (eje de inclusión)
No todos tus lectores ven la imagen. Una persona ciega o con baja visión usa un lector de pantalla: un programa que le lee en voz alta lo que hay en el documento. Cuando llega a una imagen, lee lo que tú hayas escrito en su texto alternativo (en inglés, alt text). Si no escribiste nada, dice solo “imagen” — o el nombre del archivo, “imagen1.jpg” — y esa persona se queda sin la información que la imagen carga.
Texto alternativo = una descripción corta (1–2 líneas) que vive “detrás” de la imagen. No se ve en la página; se escucha cuando alguien la necesita. Bonus: y se muestra si el documento se publica en web y la imagen no carga.
Cómo se escribe uno bueno:
| ❌ Mal | ✅ Bien |
|---|---|
| ”imagen1” / “foto” / “captura" | "Procesador de computadora visto de cerca, con sus contactos dorados" |
| "imagen de una computadora” (vago) | “Laptop abierta mostrando el escritorio de Windows” |
| Dejarlo en blanco | Describir qué muestra y para qué está ahí |
- Describe la función o el contenido, no el formato (no arranques con “imagen de…”; ve directo a lo que se ve).
- Corto y concreto. Si la imagen es pura decoración y no aporta información, en Word puedes marcarla como decorativa para que el lector de pantalla la salte.
- Si tu Word propone una descripción automática, corrígela (casi siempre le falta o se equivoca); si no aparece ninguna, escríbela tú desde cero.
Este es el eje de inclusión de la clase: un buen documento no le sirve solo a la mayoría, le sirve a todos. Hoy tu ficha tiene que poder escucharse.
Errores comunes (detéctalos en la ficha mala del video)
- Imagen estirada/deformada: se agrandó jalando un lado en vez de una esquina.
- Imagen pixeleada: se agrandó una imagen chiquita más allá de lo que da.
- Imagen que tapa texto: ajuste “delante del texto” puesto sin querer.
- Imagen decorativa que no aporta: si la quitas y la ficha informa igual, sobraba.
- Imagen sin recortar: fondo enorme y el objeto importante chiquito en una esquina.
- Imagen sin texto alternativo: invisible para quien usa lector de pantalla; la información se pierde.
Mini-glosario
- Recortar (crop): quedarte con la parte de la imagen que informa.
- Proporción: relación ancho/alto; se respeta agrandando desde las esquinas.
- Estilo de imagen: combinación prediseñada de borde + sombra + marco, a un clic.
- Texto alternativo (alt text): descripción corta que se lee en voz alta para quien no ve la imagen; se edita con clic derecho → Ver texto alternativo.
- Lector de pantalla: programa que lee en voz alta el contenido de la pantalla para personas con discapacidad visual.
Domando la imagen: insertar, recortar, ajustar, dar estilo y describir
Práctica guiada: las 5 acciones (síguelas con el video y luego repítelas sola/o)
Preparación (1 min): abre Word, documento en blanco, y escribe o pega este párrafo de relleno:
La tecnología cambia la forma en que estudiamos, trabajamos y nos comunicamos. Cada herramienta nueva resuelve un problema viejo y, a veces, crea uno nuevo. Aprender a usarlas con criterio es la verdadera habilidad.
Acción 1 — Insertar (logro en 60 segundos)
- Clic donde quieres la imagen.
- Pestaña Insertar → Imágenes → Este dispositivo (o Imágenes en línea si no tienes fotos a la mano).
- Elige una imagen relacionada con tecnología. Insertar.
✅ Checkpoint: la imagen está dentro del documento. Si empujó todo el texto hacia abajo, es normal: está “en línea”. Lo arreglamos en la Acción 3.
Acción 2 — Recortar
- Clic en la imagen → pestaña de Formato de imagen (según tu versión, «Formato de imagen» o «Herramientas de imagen → Formato»).
- Botón Recortar: aparecen esquinas y bordes negros.
- Arrastra hasta quedarte solo con lo que informa. Clic fuera para confirmar.
✅ Checkpoint: ya no hay fondo sobrante. El recorte no borra: si te pasaste, vuelve a Recortar y recupera.
Acción 3 — Ajustar texto (el truco estrella)
- Clic en la imagen → botón Ajustar texto (o el icono flotante junto a la imagen).
- Elige Cuadrado. Arrastra la imagen a la derecha del párrafo: el texto la rodea.
- Experimento: cámbiala a Detrás del texto y observa. Regresa a Cuadrado.
✅ Checkpoint: puedes mover la imagen a donde quieras sin que el documento “explote”.
Acción 4 — Estilo
- Pestaña de Formato de imagen (según tu versión, «Formato de imagen» o «Herramientas de imagen → Formato») → Estilos de imagen.
- Pasa el cursor sobre varios (vista previa en vivo). Elige un marco o sombra discretos.
- Ajusta el tamaño final arrastrando una esquina (nunca un lado: la deformas).
✅ Checkpoint: imagen recortada, con estilo y texto fluyendo alrededor.
Acción 5 — Texto alternativo (la que incluye)
- Clic derecho sobre la imagen → Ver texto alternativo (en algunas versiones: Editar texto alternativo). Se abre un panel a la derecha.
- Escribe en 1–2 líneas qué muestra la imagen y para qué está ahí. Ejemplo: “Procesador de computadora visto de cerca, con sus contactos dorados.”
- Si tu Word propone una descripción automática, corrígela (casi siempre le falta o está mal); si no aparece ninguna, escríbela tú desde cero.
- ¿La imagen es pura decoración (no aporta información)? Marca la casilla “Marcar como decorativa” y el lector de pantalla la saltará.
✅ Checkpoint final: imagen recortada, con estilo, texto fluyendo alrededor y con texto alternativo escrito. Eso es todo el motor de la clase — y ahora también incluye a quien no ve la pantalla.
Si algo sale mal (antes de levantar la mano)
| Síntoma | Causa probable | Remedio |
|---|---|---|
| No aparece la pestaña de formato de imagen | No tienes la imagen seleccionada | Clic directo sobre la imagen |
| La imagen empuja todo el texto | Ajuste “en línea” | Ajustar texto → Cuadrado |
| Se ve estirada o aplastada | Se agrandó desde un lado | Ctrl+Z y agranda desde la esquina |
| Se ve pixeleada | Imagen pequeña agrandada de más | Usa una imagen de mayor tamaño original |
| ”Desapareció” | Quedó detrás del texto o fuera de margen | Ajustar texto → Cuadrado y arrástrala de vuelta |
| No encuentro dónde poner el texto alternativo | Versión distinta de Word | Clic derecho en la imagen → “Ver/Editar texto alternativo”; o pestaña Formato de imagen → Texto alternativo |
Reto de cierre del bloque (5 min)
Repite las 5 acciones —incluido el texto alternativo— con una segunda imagen sin ver los pasos. Si lo logras, ya estás lista/o para tu ficha.
Tu ficha informativa ilustrada y accesible (entregable)
Producto de hoy: ficha informativa ilustrada
Una ficha informativa es una página que explica un tema en poco espacio: título, texto breve y una imagen que informa. Es el formato de los museos, las infografías y las tarjetas de estudio. Hoy haces la tuya — y la haces para que todos puedan usarla, vean o no la pantalla.
1. Elige tu tema (uno, concreto): inteligencia artificial, una pieza de hardware (procesador, SSD, GPU), una app que uses a diario, redes sociales, videojuegos, ciberseguridad… Si dudas entre dos, elige el que más te dé curiosidad: se nota en el resultado.
2. Consigue tu información — aquí entra el mini-truco de IA de la semana (ver recuadro “Usa la IA sin que te use” al final de esta guía): pídele datos a la IA, verifica al menos dos contra una fuente confiable, y usa solo lo verificado.
3. Construye la ficha. Requisitos mínimos:
- Título con formato (tamaño mayor, negritas o color sobrio — que se lea como título, no como grito)
- Texto justificado, 2-3 párrafos breves con la información verificada
- Al menos 1 imagen editada: recortada y con borde o estilo aplicado
- Ajuste de texto “Cuadrado” (el texto debe rodear la imagen, no chocar con ella)
- Imagen proporcionada (sin estirar) y nítida (sin pixelear)
- Texto alternativo en TODAS las imágenes (describe qué muestra y para qué está; nada de “imagen1”) — obligatorio para calificar (eje de inclusión)
- Recuadro final “Mi huella” (ver abajo — obligatorio para calificar)
El texto alternativo no es un extra: tu ficha tiene que poder escucharse. Una compañera o un compañero que use lector de pantalla debe enterarse de qué muestra tu imagen. Clic derecho en la imagen → Ver texto alternativo → describe en 1-2 líneas qué se ve y para qué está. Si dejas “imagen1” o lo dejas en blanco, la ficha está incompleta aunque se vea preciosa. Si alguna imagen es pura decoración, márcala como decorativa.
4. Recuadro “Mi huella” (al pie de la ficha, en letra más pequeña):
- Tu nombre completo y tu número de lista, tal como el profesor lo dicte hoy en clase
- La fecha de hoy
- Una línea: “El dato que más me sorprendió fue ___ porque ___”
- Una línea: “Un dato de la IA que descarté o corregí fue ___” (si todos salieron bien, escribe cuál verificaste y contra qué fuente)
- Una línea: “El texto alternativo de mi imagen principal dice: ___” (cópialo aquí tal cual lo escribiste)
5. Guarda y entrega:
-
Nombre de archivo:
Nombre_Grupo_FichaInformativa.docx -
Súbelo a la carpeta “Semana 9” en Google Drive, usando el correo asignado a tu grupo:
Correo de mi grupo: ________________________________
Sugerencia de composición (no obligatoria, sí probada)
Título arriba, imagen a la derecha del primer párrafo (ajuste Cuadrado), texto fluyendo a la izquierda y abajo, recuadro “Mi huella” al pie. Es la composición de la “ficha buena” del video del bloque 1: si te atoras, imítala y luego personaliza.
Administra tu tiempo (25 min de este bloque + arranque del siguiente)
- 5 min: tema + datos (con verificación IA)
- 12 min: construcción (título, texto, imagen con sus 5 acciones — incluido el texto alternativo)
- 5 min: recuadro “Mi huella” + revisión propia contra el checklist
- 3 min: guardar con el nombre correcto y subir a Drive
📬 Correo de entrega de mi grupo: ________________________
Usa el correo asignado a tu grupo. Tu profesor te lo da en clase — anótalo aquí.
Ojo de editor: revisión en parejas, accesibilidad y entrega
Revisión en parejas: ahora eres editor
Evaluar el trabajo de alguien más con criterios claros es una habilidad en sí misma — es lo que hacen los editores de revistas y los revisores de diseño. Intercambia pantalla (o archivo) con tu compañera/o de bina y revisa su ficha con esta lista. Luego ella/él revisa la tuya.
Checklist del editor (marca lo que SÍ cumple)
Claridad visual
- El título se identifica de inmediato como título
- El texto está justificado y se lee cómodo (no muro de texto, no líneas sueltas)
- Hay aire: márgenes y espacios respiran, nada está encimado
La imagen informa
- La imagen tiene que ver directamente con el tema (quítala mentalmente: ¿la ficha pierde información? Debe perder)
- Está recortada con propósito (sin fondo sobrante)
- Tiene borde o estilo aplicado, discreto
- No está deformada ni pixeleada
- El ajuste de texto es “Cuadrado”: el texto la rodea sin chocar
Inclusión: la ficha también se escucha
- Cada imagen tiene texto alternativo escrito (clic derecho en la imagen → Ver texto alternativo para revisarlo; no debe estar vacío ni decir “imagen1”)
- El texto alternativo describe qué muestra y para qué está la imagen, no solo “foto” o “imagen de…”
- Si hay alguna imagen puramente decorativa, está marcada como decorativa
Integridad
- Recuadro “Mi huella” completo (nombre, número de lista de hoy, fecha, dato sorprendente, verificación de IA, alt text de la imagen principal)
- Nombre de archivo correcto:
Nombre_Grupo_FichaInformativa.docx
Protocolo de retroalimentación: dos estrellas y un deseo
Dile a tu compañera/o, en este orden:
- ⭐ Algo que su ficha hace bien (específico: “el recorte de tu imagen deja ver justo el procesador”)
- ⭐ Otra cosa que hace bien
- 🎯 Un cambio concreto que la mejoraría (uno solo, el más importante)
Recibe la retro de vuelta sin defenderte: anota, decide, ajusta. Tú eres quien firma la ficha; el editor sugiere, el autor decide.
Ajuste final y entrega (últimos 8 min)
- Aplica el “deseo” que te hayan señalado si estás de acuerdo (criterio propio: si crees que tu versión es mejor, defiéndela — pero que sea decisión, no flojera).
- Verifica el nombre de archivo y vuelve a guardar.
- Confirma que quedó subido a la carpeta “Semana 9” del Drive con el correo asignado a tu grupo.
- Preguntas exprés de salida (respóndete en serio): ¿qué diferencia hay entre una imagen que decora y una que informa? Y de pasada: si un compañero que no ve la pantalla abriera tu ficha, ¿se enteraría de qué muestran tus imágenes? Si puedes contestar las dos con tu propia ficha como ejemplo, la clase quedó.
📬 Correo de entrega de mi grupo: ________________________
Usa el correo asignado a tu grupo. Tu profesor te lo da en clase — anótalo aquí.