La stampa
Uno degli aspetti correlati è il fatto che le tecniche analizzate non prevedono però alcunché al momento di stampare il documento, e poiché i browser di default non stampano le immagini occorre trovare una soluzione per chi vuole che queste vengano stampate.
La soluzione più comune e intuitiva è quella di includere nel markup un’immagine attraverso il tag img da nascondere a schermo e mostrare per la stampa grazie a delle regole CSS specifiche.
Esistono però anche alcune soluzioni più recenti: una di queste è la CSS Logo Replacement, che attribuisce come le altre un’immagine di background al div, ma inserisce anche nel markup il tag img, che poi rende invisibile allo schermo.
In questo modo si possono avere anche due immagini differenti, magari inviando alla stampa un logo più piccolo e con un set di colori ridotto.
Basata su un concetto simile, ma decisamente più accessibile è la recentissima iIR - img Image Replacement.
Usare javascript?
Su AListApart di recente è stato pubblicato un articolo di Christian Heilmann che presenta una tecnica che usa javascript e DOM per effettuare l’image replacement.
Se javascript è disabilitato viene mostrato il testo, mentre se è abilitato e il browser con cui si sta visualizzando la pagina è dom-compatibile, il testo viene rimosso e sostituito da un img.
La tecnica è curiosa e geniale, ma ha ancora qualche problema. Se tra le impostazioni del browser c’è javascript abilitato, ma le immagini disabilitate, non verrà mostrato nè il testo nè l’immagine.
[ Back to top ]