Imatges en l'HTML o al CSS
Bernat Lleonart
Em trobo en la situació de muntar una barra de navegació on els
diferents botons són imatges, i estic dubtant entre dues tècniques
diferents per fer-ho:
1: Posar les imatge en l'html, amb l'alt corresponent:
<ul>
<li><a href="#"><img src="item1.jpg" alt="item 1"/></a></li>
<li><a href="#"><img src="item2.jpg" alt="item 2"/></a></li>
<li><a href="#"><img src="item3.jpg" alt="item 3"/></a></li>
</ul>
2: Utilitzar una tècnica de reemplaçament d'imatges, que sigui
accessible en el cas de tenir les imatges desactivades en el navegador
(els elements span els posaria posteriorment per JavaScript, i
tindrien com a background la imatge corresponent):
<ul>
<li><a href="#"><span></span>Item 1</a></li>
<li><a href="#"><span></span>Item 2</a></li>
<li><a href="#"><span></span>Item 3</a></li>
</ul>
No sé si una tècnica és millor que l'altra. Crec que de cara a
l'accessibilitat totes dues són vàlides, però no n'estic tant segur en
el cas de temes d'indexació en cercadors.
Gràcies.