Addició d'una descripció enriquida a les imatges i els gràfics per millorar-ne la comprensió

Les imatges poden ser una manera fantàstica de fer que els estudiants utilitzin diferents modes d'aprenentatge, i pot ajudar a comunicar idees complexes als estudiants. Per als estudiants amb deficiències visuals, les descripcions d’imatges que expliquen el contingut d'una imatge són crucials per a l'aprenentatge. Per a tots els estudiants, les descripcions de text poden proporcionar un context més ampli per ajudar a la comprensió.

Les descripcions d’imatges també es denominen “descripcions alternatives”, “text alternatiu” i “alt text”, perquè proporcionen una alternativa textual descriptiva per a la imatge.

Ally comprova les descripcions d’imatges allà on hi ha imatges. Això inclou els fitxers d’imatge i els fitxers que inclouen imatges, com ara un document o una presentació.

Seleccioneu l’indicador Puntuació d’accessibilitat per obrir el tauler de comentaris. Seguiu les passes guiades per afegir descripcions a les imatges. 

Preview Where the Accessibility Issue Is


See where this issue is

The preview highlights where specific accessibility issues can be found in the document. Highlights show every occurrence of one issue type at a time. For example, if your images are missing alternative descriptions, the highlights show you every place this specific issue occurs. If your document also has poor text contrast, select that issue in the feedback panel to see the occurrences of that issue highlighted.

Highlights are provided for these issues:

  • Images without an appropriate alternative description
  • Text fragments with insufficient contrast
  • Tables without table headers

All other accessibility issues are not highlighted in the preview.

Missing text description

Text contrast

Scanned PDF

Preview tools

Use the tools above the preview to explore the issues in your document.

  • Move through the document preview page by page.
  • See how many times a specific issue appears in the document.
  • Jump between the issue highlights.
  • Hide or show the highlights.
  • Zoom the preview content in or out.
  • Download the original file.

Addició de descripcions als fitxers d’imatge

Quan estigueu a punt, afegiu la descripció de la imatge al camp de text del tauler de comentaris de l’instructor i seleccioneu Afegeix.

Assegureu-vos que la descripció sigui quelcom més que el títol del fitxer; si no és així, Ally informarà d'un error d'accessibilitat. Descriviu la imatge i allò que és important. Esmenteu el text que hi ha a la imatge per millorar la puntuació. Per obtenir més informació, consulteu Com escriure una bona descripció.

Marcar una imatge com a decorativa

Si la imatge és només per a efectes visuals i no conté informació rellevant per al contingut d'aprenentatge, seleccioneu Indiqueu que la imatge és decorativa.

Les descripcions alternatives no són necessàriament per a imatges decoratives. La puntuació d'accessibilitat millora. Això ajuda els estudiants a assegurar-se de la finalitat dels fitxers.


Addició de descripcions a imatges d’altres fitxers

Compartir presentacions i documents amb els estudiants pot proporcionar-los una eina de revisió i material d'estudi útils. Atès que molts fitxers inclouen imatges, és important que continguin una descripció alternativa per ajudar a etiquetar imatges del document i per als estudiants amb deficiències visuals.

Si la presentació o el document tenen imatges on falten descripcions alternatives, heu de corregir-les al programari de la presentació o del document. Carregueu el fitxer nou a Ally quan estigui a punt. Seleccioneu Com afegir descripcions per veure una guia pas a pas sobre com fer-ho.

Teniu dubtes a l'hora de redactar descripcions alternatives efectives? Assegureu-vos que la descripció sigui quelcom més que el títol del fitxer; si no és així, Ally informarà d'un error d'accessibilitat. Descriviu la imatge i allò que és important. Esmenteu el text que hi ha a la imatge per millorar la puntuació. Per obtenir més informació, consulteu Com escriure una bona descripció.

  1. Seleccioneu Com afegir descripcions i seguiu les instruccions.
  2. Obriu el fitxer a l'ordinador.

    Si no teniu cap còpia del fitxer a l'ordinador, sortiu del tauler de comentaris de l'instructor i descarregueu el fitxer del curs.

  3. Afegiu descripcions a les imatges.
    • Microsoft®Office: Feu doble clic o clic amb el botó dret del ratolí en una imatge per obrir el tauler Format de la imatge. Seleccioneu Mida i propietats i Text alternatiu. Afegiu el text de la descripció. No us preocupeu pel títol.
    • LibreOffice: seleccioneu una imatge. Seleccioneu Format a la barra de menús i seleccioneu Descripció. Afegiu el text de la descripció.
  4. Deseu el fitxer.
  5. Carregueu el fitxer actualitzat al curs.

    Si encara teniu obertes les instruccions al tauler de comentaris de l'instructor, seleccioneu Següent i Navega per carregar el fitxer. Si no teniu obert el tauler de comentaris de l'instructor, seleccioneu l'indicador de Puntuació d'accessibilitat al costat del fitxer al curs i seleccioneu Navega per carregar el fitxer.


Text alternatiu a les imatges

Com escriure bones descripcions

Per a escriure bones descripcions de text alternatives per a les vostres imatges, seguiu les millors pràctiques:

  • Descriviu la imatge basant-vos en el context de la pàgina. Transmeteu el significat complet de la imatge.
  • No digueu "una imatge de" o "una foto de". Els lectors de pantalla anuncien automàticament les imatges com a imatges.
  • Sigueu concisos.
  • Creeu narratives per a imatges complexes com ara les infografies. Poseu aquestes narratives a la pàgina de manera que segueixin les infografies immediatament. Incloeu un enllaç d'ancoratge al capdamunt de la pàgina per veure el text alternatiu. Vegeu un exemple d'infografia amb un text alternatiu.
  • Eviteu l'ús d'imatges de text. Si no podeu evitar-ho, copieu el text en la descripció alternativa.
  • Sigueu originals. No repetiu les descripcions alternatives de la mateixa pàgina. No repetiu el que ja s'ha dit a la pàgina.
  • Identifiqueu imatges que no representen contingut pertinent com a decoratiu.

Què és una imatge decorativa?

Una imatge és decorativa quan no aporta res a la informació de la pàgina. Per exemple, il·lustracions utilitzades per a separar temes o una foto d'una persona al telèfon quan s'està parlant d'habilitats comunicatives.

Aquestes fotos tenen un valor d'atracció visual, però no cal que els lectors de pantalla les llegeixen.

Trobareu més informació sobre les imatges decoratives al lloc web de la iniciativa d'accessibilitat web.


Per què són importants les descripcions d'imatge alternatives?

Hi ha moltes raons per utilitzar descripcions alternatives amb les imatges.

  • El text o les descripcions alternatives estan a les directrius WCAG 2.1
  • Els estudiants poden cercar una imatge
  • Els estudiants amb deficiències visuals tenen dificultat a l'hora de percebre imatges
  • Els estudiants amb una connexió de xarxa deficient poden tenir dificultats a l'hora de percebre imatges
  • Els lectors de pantalla no poden llegir imatges
  • Alguns estudiants aprenen més de les descripcions que de les imatges
  • El text escala millor que les imatges quan la pantalla o la pàgina s'amplia