Nivel 2: Contenidos y diseño accesibles · Diseño y contenidos
N2-C2 Imágenes y texto alternativo
La falta de texto alternativo es uno de los fallos de accesibilidad más frecuentes en la web y, a la vez, uno de los más fáciles de corregir desde la redacción. Este curso enseña a clasificar cada imagen según su función, a escribir un alt útil con el nivel de detalle adecuado, a resolver imágenes en enlaces, botones y galerías, a sustituir el texto en imágenes, a describir gráficos e infografías y a tratar iconos, emojis, SVG y CAPTCHA. También muestra cómo organizar el trabajo editorial para que cada imagen se publique accesible, conforme a los criterios 1.1.1 Contenido no textual y 1.4.5 Imágenes de texto.
- 10 lecciones
- 1 vídeo con subtítulos
- 2 infografías
- 119 minutos
- 10 ejercicios prácticos
- Test de práctica ilimitado
Objetivos
- Al terminar sabrás clasificar cualquier imagen según su función y decidir qué alternativa textual necesita.
- Escribir textos alternativos breves, precisos y adaptados al contexto, y reconocer los errores más habituales.
- Decidir el nivel de detalle al describir personas, productos, obras de arte, capturas de pantalla y memes.
- Resolver los casos combinados: imágenes en enlaces y botones, grupos de imágenes, galerías, carruseles y mapas de imagen.
- Sustituir el texto en imágenes por texto real y reservar las imágenes de fondo con CSS para la decoración (1.4.5).
- Proporcionar descripciones largas para gráficos, infografías y mapas de forma accesible y mantenible.
- Tratar iconos, emojis, SVG y CAPTCHA conforme al criterio 1.1.1 Contenido no textual.
- Organizar el flujo editorial de imágenes: guía de estilo, configuración del gestor de contenidos, uso supervisado de la IA y revisión periódica.
El curso, paso a paso
El curso es guiado: después de cada lección haces un test corto y, cuando toca, uno o varios ejercicios prácticos con una página real que revisar. Al superarlos se abre el paso siguiente.
- Paso 1: Lección 1: Presentación del curso en vídeo
- Paso 2: Lección 2: Tipos de imagen: decorativa, informativa, funcional, compleja y texto en imagen
- Paso 3: Lección 3: Cómo escribir un buen alt: reglas y ejemplos
- Paso 4: Lección 4: Describir con criterio: personas, productos, obras y capturas
- Paso 5: Ejercicio práctico: Las fotos de una ficha de producto en una tienda de cerámica
- Paso 6: Lección 5: Imágenes en enlaces, botones, grupos y galerías
- Paso 7: Ejercicio práctico: Las tarjetas de noticias de una mancomunidad
- Paso 8: Ejercicio práctico: La valoración y la galería de fotos de una casa rural
- Paso 9: Ejercicio práctico: Los botones del formulario de cita previa de una sede electrónica
- Paso 10: Lección 6: Texto en imágenes e imágenes de fondo: carteles, banners y CSS
- Paso 11: Ejercicio práctico: El programa de la Semana Cultural de un ayuntamiento
- Paso 12: Ejercicio práctico: Los avisos de la portada de un ayuntamiento
- Paso 13: Lección 7: Imágenes complejas: gráficos, infografías, mapas y descripciones largas
- Paso 14: Ejercicio práctico: El gráfico con los resultados de unos presupuestos participativos
- Paso 15: Lección 8: Iconos, emojis, SVG y CAPTCHA
- Paso 16: Ejercicio práctico: Los iconos de la cabecera y el pie de una sede electrónica
- Paso 17: Ejercicio práctico: La prueba de verificación de un formulario de inscripción
- Paso 18: Lección 9: Las imágenes en el flujo editorial: guía de estilo, CMS, IA y revisión
- Paso 19: Lección 10: Caso práctico, ejercicios y lista de comprobación
- Paso 20: Ejercicio práctico: La página de contacto de un centro cívico