Com escriure un bon alt: regles i exemples

Saber que una imatge necessita text alternatiu és la meitat de la feina; escriure'l bé n'és l'altra meitat. Un bon alt és breu, concret, adaptat al context i no repeteix el que ja és al text. Aquesta lliçó recull les regles pràctiques, els errors que es repeteixen en gairebé totes les auditories i una bateria d'exemples comentats de diferents sectors.

Regles d'or

1. Pensa en la funció, no en l'aparença. Pregunta't què perdria la persona si la imatge no es carregués, i escriu això.
2. Sigues breu. Una o dues frases. El lector de pantalla anuncia l'alt de cop, com una sola unitat, i tornar a escoltar-ne una part resulta incòmode. Si necessites bastant més de 125-150 caràcters, probablement és una imatge complexa que requereix una descripció llarga.
3. No comencis amb «imatge de» ni «foto de». El lector de pantalla ja anuncia «gràfic» o «imatge». Sí que pots indicar el tipus quan aporti alguna cosa: «Captura de pantalla de…», «Gràfic de barres de…», «Dibuix infantil de…».
4. Adapta't al context. El mateix retrat en una fitxa d'equip («Marta López, directora de comunicació») i en un article sobre fotografia («Retrat en blanc i negre amb llum lateral dura») necessita textos diferents.
5. No repeteixis el text adjacent. Si el peu de foto ja ho diu, la imatge pot ser decorativa o portar un alt molt breu.
6. Inclou el text que hi hagi a la imatge. Si hi ha un cartell, un rètol o una xifra visible i rellevant, va a l'alt.
7. Acaba amb punt. Ajuda que el sintetitzador faci una pausa natural abans del contingut següent.
8. Escriu en l'idioma de la pàgina i amb la mateixa correcció ortogràfica que la resta del text.

Exemples comentats

Errors que es repeteixen a les auditories

L'alt als gestors de continguts i a les xarxes

A la pràctica, el redactor poques vegades escriu HTML. El que fa és emplenar un camp:

• WordPress: camp «Text alternatiu» a la biblioteca de mitjans i al bloc d'imatge. Si el deixes buit, WordPress genera alt="" (decorativa), cosa que només és correcta si la imatge ho és.
• Drupal i altres CMS: el camp alt normalment es pot configurar com a obligatori. És una bona política editorial.
• Word, PowerPoint, Google Docs: «Text alternatiu» a les propietats de la imatge, amb una casella per «Marcar com a decoratiu». Ho veurem al curs sobre documents quotidians.
• Xarxes socials: X, Instagram, Facebook, LinkedIn i Mastodon permeten afegir text alternatiu a cada imatge; en algunes és a «Configuració avançada».

Una bona pràctica editorial és que l'alt formi part de la fitxa de cada imatge des que s'encarrega o se selecciona, igual que el peu de foto i l'autoria. Escriure'l després, en bloc, produeix textos pitjors.

Com repartir aquestes tasques en un equip, què cal demanar al gestor de continguts i com fer servir amb cura les propostes automàtiques ho veuràs a la lliçó sobre el flux editorial.

Alt davant d'altres atributs

• title: mostra un indicador de funció en passar el ratolí per sobre. No substitueix l'alt, no és accessible amb el teclat i molts lectors no el llegeixen. Evita'l o fes-lo servir només com a complement.
• <figcaption>: peu de foto visible per a tothom. Si el peu ja descriu la imatge, l'alt pot ser breu o buit per no duplicar-lo.
• aria-label i aria-labelledby: alternatives vàlides per a SVG o elements amb role="img", però per a <img> l'alt és sempre la primera opció.
• longdesc: obsolet en HTML5; no el facis servir.

<figure>
  <img src="inauguracion.jpg"
       alt="L'alcaldessa talla la cinta al costat de veïns del barri">
  <figcaption>Inauguració del centre de salut de Santa Lucía, 12 de març de 2026.</figcaption>
</figure>

A la lliçó següent aplicaràs aquestes regles als casos que exigeixen més criteri: persones, productes, obres d'art, captures i mems.

Resum

• La funció abans que l'aparença; una frase; sense «imatge de»; adaptat al context; sense repetir el text adjacent.
• Inclou el text visible a la imatge si és rellevant i acaba amb punt.
• Errors típics: nom de fitxer, farciment SEO, alt genèric, alt idèntic a les galeries, descriure el dibuix en imatges funcionals.
• Emplena l'alt al camp del CMS o de la xarxa social; convé fer-lo obligatori a la política editorial.
• title no substitueix l'alt; figcaption el complementa; longdesc és obsolet.