Skip to: Site menu | Main content

FIR - Fahrner image replacement

Una delle prime tecniche di sostituzione di immagini è quella documentata da Todd Fahrner.

La tecnica ideata da Farner sfrutta due elementi Xhtml: uno gestisce lo sfondo e l’altro si occupa di eliminare il testo dalla rappresentazione sullo schermo.

Un esempio chiarirà il concetto:

Codice:

Questo è l’effetto:

Image Replacement con la tecnica Fahrner

In sostanza si tratta di attribuire un background al div e di nascondere il testo contenuto all’ interno dello span modificando la proprietà display e dichiarando che tale span non deve essere reso visivamente.

Uno dei difetti di questa tecnica, oltre all’utilizzo di un elemento span privo di significato strutturale, è quello di utilizzare la dichiarazione “display:none” che se interpretata dagli screen reader, induce il programma utente a non leggere il testo che non è visivamente reso a schermo, rendendolo cosė inaccessibile.
Inoltre al momento in cui le immagini non vengono caricate, non c'’è alcuna alternativa testuale all’immagine.