Gestore di contenuti web

Solitamente un sito professionale ha sempre un logo nell'intestazione costituito da un immagine più o meno grande. Come itcms, che ha il suo bel logo nella skin nordblue. Molti di questo logo contengono anche i dati dell'azienda/ente, indirizzi recapiti, ecc.
Per l'accessibilità fin ora si utilizzava l'attributo alt per descrivere l'immagine, in modo che chi aveva problemi di vista avesse avuto l'opportunità di "leggere" il contnuto dell'immagine.

In passato in alcune skin ho tolto l'utilizzo del logo costituito da una immagine ed ho utilizzato il titolo del sito (che viene stabilito nella configurazione) racchiuso in un tag heder. Questo permetteva di essere al massimo dell'accessibilità ma non permetteva grafiche accattivanti.

Ora grazie ad un articolo reperito su Html.it che riguarda proprio il replacement delle immagini ho trovato la soluzione definitiva che mi permette di sposare sia l'accessibilità che le richieste di una bella grafica, con immagini e logo dei siti dei nostri amici e degli istituti e scuole.

In effetti se siete su questo sito e non siete loggati o se lo siete e vi portate nella skin nordblue, potrete verificare che non esiste più il tag img nel logo. Questo è stato sostituito dal solito tag H1 con il titolo del sito, ma l'intervento dei css permette di sostituire il testo racchiuso nel tag con un immagine.

In pratica Image Replacement ci indica proprio la sostituzione di un testo con un immagine.

In effetti, chi è vedente attraverso il browser vedrà l'immagine caratteristica del logo del sito, comprese eventuali indicazioni testuali in esso contenute, mentre chi non è vedente potrà attraverso i screen reader, sentire il contenuto del tag heder.

Questa soluzione altamente accessibile, verrà adottata in tutte le skin.