Perchè si fa
Come già introdotto, le immagini sono "l’anima" del web, ma il testo è il miglior mezzo per dare informazioni: testo e immagini devono coesistere.
È così che nasce l’esigenza di utilizzare i CSS per poter inserire le immagini e mantenere il markup nel file Xhtml: in questo modo potremo sapere quale elemento viene sostituito con l’immagine.
Un esempio importante è il famoso sito CSS Zen Garden, dove si vedono moltissime varianti del medesimo sito, senza toccare il codice Xhtml.
Un altro elemento a favore dell’utilizzo dei Fogli di Stile riguarda l’accessibilità tramite dispositivi diversi, anche con ridotte capacità grafiche come i palmari e i cellulari di nuova generazione: infatti con i documenti Xhtml è possibile associare fogli di stile differenti, appropriati al tipo di dispositivo utilizzato, che permettono tempi di caricamento più veloci, e informazioni mirate al tipo di utenza.
[ Back to top ]
Il tag img
L’utilizzo del tag img comporta dei vantaggi, grazie alla possibilità di utilizzare la proprietà alt, la cui funzione è quella di offrire un testo alternativo al momento in cui l’immagine non c’è. La problematica sta nel fatto che l’alt non ci dà informazioni di tipo semantico-strutturale, non ci dice se l’immagine sostituisce un titolo, un logo, o un paragrafo intero.
Se viene messa un’immagine al posto del titolo del sito, e nell’alt viene scritto il titolo del sito, un motore di ricerca lo indicizzerà come testo comune, e poiché non sa che esso costituisce un titolo, in quanto manca la corretta annotazione semantica, il sito esaminato non apparirà con un buon posizionamento nei risultati delle ricerche.
Il testo è fondamentale, deve coesistere con le immagini, ed è necessario che abbia una corretta annotazione semantica e strutturale.
[ Back to top ]
In cosa consiste la IR
Queste tecniche sono utilizzate per introdurre titoli con particolari aspetti grafici e loghi rimpiazzando il testo inserito nel codice Html o Xhtml con una o piú immagini realizzate con dei software grafici.
Sono state sviluppate diverse tecniche per la sostituzione di testi con immagini, ma tutte hanno come base due passaggi:
- Introduzione di una immagine di sfondo di un elemento Xhtml
- L’eliminazione del testo dalla visuazzazione sul dispositivo
Occorre inoltre precisare che le tecniche di Image Replacement si possono suddividere in due gruppi principali:
- Tecniche con markup minimale come la LIR, la PIR e la MIR
- Tecniche con markup aggiuntivo come la FIR, la Pixy Cover-Up e la BIR
[ Back to top ]