Es cierto, la recomendación del W3C es dejar el
alt en blanco
Atributo ALT
pero debe tener que ver más con algunas particularidades de navegadores que reemplazan la imagen por un texto común cuando no la encuentran; lo que es trágico para los 'bordes', 'esquinas' y/o '
bullets.
Pensándolo bien, en estos últimos sí se podría poner una marca (p.e. "·" ó "→") que señale que hay una especie de lista, como dijo
ssthormess.
El tema es si la imagen es realmente decorativa o si está indicando "algo". En tu caso,
Sanva, no lo es. Es un ícono que acompaña al texto, y sirve para identificar el contenido del párrafo. Imagínate que alguien busque información en tu página pero no entienda una pizca de español : esa imagen le salva la vida, porque va a entender que la lista que viene a continuación es de vinos.
Por otro lado, nos acostumbramos a usar el truco de meter imágenes que no son de fondo como si lo fueran, cuando en realidad son logos, o simulan viñetas o marcadores. Pero es un truco. Lo usamos por comodidad, ya que con una
class nos ahorramos el escribir varias veces la etiqueta
img.
Lo cierto es que el lenguaje no prevé todo lo que se les ocurre a los diseñadores, y cuando alguno de estos inventos aparece repetido infinidad de veces, nos creemos que es normal, que debe ser así. Y no. Si es una imagen, debe ser imagen; si es fondo, debe ser fondo.
Por supuesto que de última vamos a hacer los que nos cuadre mejor. Si los medios 'oficiales' no nos permiten crear una tabla que tenga esquinas con volutas, la vamos a simular con imágenes, y no le vamos a poner
alt.
Para el caso en cuestión, yo también me inclino por usar un fondo
no-repeat.
Al menos hasta que aparezca alguna propiedad o atributo para marcar las imágenes decorativas a ignorar fuera de la
media screen o
media print.
Ah!; y los navegadores de voz no necesariamente leen los
alt; los pueden reemplazar por un beep para leer después "manualmente". Al menos la tecnología existe.
Y a ningún ciego le molesta que le recuerden su condición, a menos que no esté adaptado. En cuyo caso ... que se adapte y no joda!.
Un último concepto. La idea de poner las imágenes que dan formato al documento desde el CSS (como proponen
frijolerou,
Daniel Ulczyk,
davidsink,
metacortex,
mispedidosonline y hasta
webosiris en otro tema) es totalmente lógica; y es lo que se debería hacer. Salvo por el detalle de que aún no está implementada. Los lenguajes que usamos son muy viejos y no contemplan los imaginativos esfuerzos de los diseñadores por mejorar sus páginas. La imagen es imagen, y -como una gran concesión- se puede usar como fondo o como botón.
Sin embargo,
Firefox ya permite hacerlo con un método que seguramente no será el ... ¿definitivo?; pero nos da una idea de lo que podría ser.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>PONER IMAGEN CON CSS.</title>
<style>
body {background: black; color: white; font-weight: bold; }
strong {font-weight:500; }
h1[class="foro"]:before {content: url(http://www.forosdelweb.com/fdwtheme/images/statusicon/forum_new.gif) "\a0"; }
</style>
</head><body>
<h1 class="foro">Foros del Web.</h1>
<h1 class="otro">Otro.</h1>
La imagen está insertada con CSS. Sólo para <strong>Firefox</strong>.
</body></html>
saludos
furoya
Edición :
Ya funciona en
Internet Explorer 8.x. Supongo que también en otros.