Nivell 2: Continguts i disseny accessibles · Disseny i continguts
N2-C2 Imatges i text alternatiu
La manca de text alternatiu és un dels errors d'accessibilitat més freqüents al web i, alhora, un dels més fàcils de corregir des de la redacció. Aquest curs ensenya a classificar cada imatge segons la seva funció, a escriure un alt útil amb el nivell de detall adequat, a resoldre imatges en enllaços, botons i galeries, a substituir el text en imatges, a descriure gràfics i infografies i a tractar icones, emojis, SVG i CAPTCHA. També mostra com organitzar el treball editorial perquè cada imatge es publiqui accessible, d'acord amb els criteris 1.1.1 Contingut no textual i 1.4.5 Imatges de text.
- 10 lliçons
- 1 vídeo amb subtítols
- 2 infografies
- 119 minuts
- 10 exercicis pràctics
- Test de pràctica il·limitat
Contingut revisat el 26/10/2026 · Historial d'actualitzacions · Com s'elabora i s'avalua
Objectius
- En acabar sabràs classificar qualsevol imatge segons la seva funció i decidir quina alternativa textual necessita.
- Escriure textos alternatius breus, precisos i adaptats al context, i reconèixer els errors més habituals.
- Decidir el nivell de detall en descriure persones, productes, obres d'art, captures de pantalla i mems.
- Resoldre els casos combinats: imatges en enllaços i botons, grups d'imatges, galeries, carrusels i mapes d'imatge.
- Substituir el text en imatges per text real i reservar les imatges de fons amb CSS per a la decoració (1.4.5).
- Proporcionar descripcions llargues per a gràfics, infografies i mapes de manera accessible i mantenible.
- Tractar icones, emojis, SVG i CAPTCHA d'acord amb el criteri 1.1.1 Contingut no textual.
- Organitzar el flux editorial d'imatges: guia d'estil, configuració del gestor de continguts, ús supervisat de la IA i revisió periòdica.
El curs, pas a pas
El curs és guiat: després de cada lliçó fas un test curt i, quan toca, un o diversos exercicis pràctics amb una pàgina real per revisar. Quan els superes, s'obre el pas següent.
Totes les lliçons es poden llegir lliurement. Per fer els tests i els exercicis pràctics, desar el teu progrés i optar a l'examen i al certificat, matricula't.
- Pas 1: Lliçó 1: Presentació del curs en vídeo
- Pas 2: Lliçó 2: Tipus d'imatge: decorativa, informativa, funcional, complexa i text en imatge
- Pas 3: Lliçó 3: Com escriure un bon alt: regles i exemples
- Pas 4: Lliçó 4: Descriure amb criteri: persones, productes, obres i captures
- Pas 5: Exercici pràctic: Les fotos d'una fitxa de producte en una botiga de ceràmica
- Pas 6: Lliçó 5: Imatges en enllaços, botons, grups i galeries
- Pas 7: Exercici pràctic: Les targetes de notícies d'una mancomunitat
- Pas 8: Exercici pràctic: La valoració i la galeria de fotos d'una casa rural
- Pas 9: Exercici pràctic: Els botons del formulari de cita prèvia d'una seu electrònica
- Pas 10: Lliçó 6: Text en imatges i imatges de fons: cartells, bàners i CSS
- Pas 11: Exercici pràctic: El programa de la Setmana Cultural d'un ajuntament
- Pas 12: Exercici pràctic: Els avisos de la portada d'un ajuntament
- Pas 13: Lliçó 7: Imatges complexes: gràfics, infografies, mapes i descripcions llargues
- Pas 14: Exercici pràctic: El gràfic amb els resultats d'uns pressupostos participatius
- Pas 15: Lliçó 8: Icones, emojis, SVG i CAPTCHA
- Pas 16: Exercici pràctic: Les icones de la capçalera i el peu d'una seu electrònica
- Pas 17: Exercici pràctic: La prova de verificació d'un formulari d'inscripció
- Pas 18: Lliçó 9: Les imatges en el flux editorial: guia d'estil, CMS, IA i revisió
- Pas 19: Lliçó 10: Cas pràctic, exercicis i llista de comprovació
- Pas 20: Exercici pràctic: La pàgina de contacte d'un centre cívic