L'utilizzo delle immagini è un'ottima soluzione per offrire al sito una veste moderna, dinamica e accattivante.
Tuttavia è buona norma definire, all'interno della propria redazione, linee guida e buone pratiche al fine di mantenere omogeneità editoriale, rispettare le disposizioni in materia di accessibilità e utilizzare al meglio le possibilità offerte dal CMS.
In questo articolo alcuni spunti che possono esserti utili.
Accessibilità
Aggiungi sempre il testo alternativo
Le Linee guida sull'accessibilità impongono il rispetto di varie norme relativamente a siti web e applicazioni sia per soggetti erogatori privati che pubblici. Tra queste è fondamentale l'utilizzo del testo alternativo.
Inserisci sempre descrizioni testuali significative per le immagini, utili agli utenti non vedenti che utilizzano screen reader.
Puoi farlo direttamente dalla libreria media quando aggiungi un'immagine, ti basterà riempire il campo "Testo alternativo":
Evita immagini contenenti testo
Se puoi, evita di adottare immagini che contengono del testo, soprattutto se questo è fondamentale o direttamente collegato alla fruizione del contenuto che stai pubblicando. Ricordati che il testo all'interno di un'immagine non potrà essere fruito ad esempio da un non vedente. Fai attenzione a questa indicazione soprattutto per le immagini dedicate alle card, poichè il ritaglio potrebbe anche oscurare parte del testo.
Nel caso non puoi farne a meno, assicurati che:
- tutte le informazioni contenute nell'immagine siano disponibili anche nel testo della pubblicazione
- il rapporto di contrasto del testo rispetto allo sfondo dell'immagine sia rispettato
Rispetto della normativa e dei diritti d’autore
Utilizza immagini con licenza adeguata
Prediligi immagini di pubblico dominio, con licenze Creative Commons o fornite da fonti ufficiali della PA.
Privacy e protezione dati
Evita l’uso di immagini che ritraggano persone riconoscibili senza il loro esplicito consenso.
Personalizzare le immagini
La funzione di ritaglio
Il nostro CMS ti permette di "ritagliare" l'immagine che vuoi utilizzare a seconda della posizione che deve adottare.
Il modello definisce in particolare, vari rapporti di altezza/larghezza per le varie card presenti in home page.
Puoi accedere alla funzione di ritaglio immagine direttamente dalla gestione dei media o al momento del caricamento dell'immagine.
Scegli, selezionando a sinistra una delle possibilità proposte, la posizione per la quale vuoi definire il ritaglio, quindi utilizza il riquadro di selezione sulla destra per impostare il risultato che ti soddisfa. Infine, clicca su "Salva ritaglio".
Per ogni posizione trovi il rapporto e le dimensioni in pixel definite dal modello.
NB: assicurati di adottare immagini di partenza che abbiano una risoluzione adeguata e che consentano quindi di ottenere un risultato idoneo (immagini con scarsa risoluzione non potranno offrire un ritaglio efficace).