¿? A si... ALT en Firefox

[AlZuwaga]

xD. Había abierto esta ventana hace un rato largo y no recordaba para qué.

Lo que me ocurre es que el ALT de las imágenes "no siempre" se muestra tanto en el firefox que uso en mi casa (spanish) como el de mi trabajo (inglish).

A qué se debe exactamente?
Ahora que lo pienso, me ocurre no se si siempre pero casi siempre en las páginas que yo hago... y no le veo nada raro a los tag IMG. Es similar a esto:

<img src="/carpeta/imagen.gif" width="valor" height="valor" alt="texto">

vamos... un tag img bastante normalito.. ¿no? (por eso no coloqué este mensaje en el foro HTML)

Saludos y gracias

[inforsol]

La sintaxis es correcta, de todas formas el atributo "alt" es una "alternativa" a la imagen que muestras y su utilidad es presentar una descripción de la imagen en navegadores que no soporten o no usen gráficos. Cualquier otro uso se aleja de los estándares.

[AlZuwaga]

Iniciado por inforsol

La sintaxis es correcta, de todas formas el atributo "alt" es una "alternativa" a la imagen que muestras y su utilidad es presentar una descripción de la imagen en navegadores que no soporten o no usen gráficos. Cualquier otro uso se aleja de los estándares.

Mmmm... discrepo un poco. Es cierto que el texto alternativo (el atributo ALT) fue ideado para presentar una alternativa a los navegadores que no pueden mostrar gráficos (cosa del pasado)... pero también se usa, según tengo entendido, en navegadores para personas que NO PUEDEN ver las imágenes que el navegador SI puede presentar (personas visualmente discapacitadas)

Bien, afortunadamente, yo no tengo ninguno de esos problemas: Tengo un navegador que SI puede mostrar imágenes y, además, puedo disfrutar de ellas con mis ojos.

A ver... Por ejemplo, cuando cité tu mensaje en éste tema, el ALT de la imagen me decía "Responder Con Cita" (en el firefox de mi casa). Si le doy a las propiedades de la imagen con el botón derecho del mouse veo en la descripción "Texto alternativo: Responder Con Cita".

Si en otras páginas (reitero, en las que yo hago con una sintaxis "aparentemente correcta") con el mismo navegador coloco el puntero del mouse sobre una imagen con su atributo ALT... pues nada.. no me aparece ningún cartelito amarillo que me de la descripción de la imagen (pero si hago clickderecho sobre ella y seleccione propiedades ahí SI me pone "texto alternativo: el alt que le puse")

[xknown]

Probablemente te estés confundiendo de atributo, si quieres que aparezca el texto al poner el mouse encima de la imágen, debes definir el atributo title
<img src="..." alt="..." title="Imagen ...." />

Si quieres que ese texto aparezca de una forma más elegante entonces una posibilidad sería que uses nicetitles (http://neo.dzygn.com/archive/2003/12/nicer-titles).

Saludos

[inforsol]

Iniciado por Al Zuwaga

Mmmm... discrepo un poco. Es cierto que el texto alternativo (el atributo ALT) fue ideado para presentar una alternativa a los navegadores que no pueden mostrar gráficos (cosa del pasado)... pero también se usa, según tengo entendido, en navegadores para personas que NO PUEDEN ver las imágenes que el navegador SI puede presentar (personas visualmente discapacitadas)

En efecto, igual me quedé corto en la explicación. ¿Me puedes dar algún ejemplo de página con una imagen con su ALT bien puesto y que no lo muestre?
Sólo por investigar un poco más...

[AlZuwaga]

Iniciado por xknown

Probablemente te estés confundiendo de atributo, si quieres que aparezca el texto al poner el mouse encima de la imágen, debes definir el atributo title
<img src="..." alt="..." title="Imagen ...." />

Pues no veo por ninguna lado que title sea un atributo válido de IMG

Código:

<!-- To avoid problems with text-only UAs as well as 
   to make image content understandable and navigable 
   to users of non-visual UAs, you need to provide
   a description with ALT, and avoid server-side image maps -->
<!ELEMENT IMG - O EMPTY                -- Embedded image -->
<!ATTLIST IMG
  %attrs;                              -- %coreattrs, %i18n, %events --
  src         %URI;          #REQUIRED -- URI of image to embed --
  alt         %Text;         #REQUIRED -- short description --
  longdesc    %URI;          #IMPLIED  -- link to long description
                                          (complements alt) --
  name        CDATA          #IMPLIED  -- name of image for scripting --
  height      %Length;       #IMPLIED  -- override height --
  width       %Length;       #IMPLIED  -- override width --
  usemap      %URI;          #IMPLIED  -- use client-side image map --
  ismap       (ismap)        #IMPLIED  -- use server-side image map --
  >

http://www.w3.org/TR/html4/struct/objects.html#edef-IMG

inforsol, gracias por tu interés, acá tenés un ejemplo. Creo que las únicas imagenes que tienen su alt son la del y algunas que emulan un botón con el signo "+"

Saludos

[KnowDemon]

Iniciado por Al Zuwaga

Pues no veo por ninguna lado que title sea un atributo válido de IMG

Title es un atributo "genérico", no funciona solo en imagenes. Por eso no lo ves en la especificación de img.

En lo que respecta a alt, su función es ofrecer información sobre la imagen en cuestión si la misma no puede ser visualizada (por la razón que sea: cegera, navegador modo texto, preview de paginas sin cargar imagenes, etc, etc.) Por tanto, si la imagen se visualiza, la aparición de su "texto alternativo" o "descripción" carece de sentido, al menos para mí.

IE las muestra siempre, me parece. Gecko no si la imagen se carga. Creo que title es una mejor opción para tu problema.

[AlZuwaga]

Ok, ahora si me quedó claro el asunto. Buena explicación.

Pero... "el problema" con mis firefox sigue estando!
Vuelvo al ejemplo de la imagen de citar mensajes en éste foro. Si pasás tu ratón por arriba de ella, te aparece el letrerito amarillo de "Responder Con Cita" y el tag img es éste:

<img src="/images/buttons/quote.gif" alt="Responder Con Cita" border="0" />

¿por qué en la página del enlace que dejé más arriba no veo ese cartelito?????

[JavierB]

Hola Al Zuwaga

Aquí un fan de CSI presentando el informe de su investigación:

Para que salga el "cartelito" en firefox tiene que estar definida la propiedad title:

<img src="algo.jpg" title="Lo que sea" />

Y eso es lo que hace un script del foro, poner a cada imágen la propiedad title igual que la propiedad alt

Código PHP:

  // set 'title' tags for image elements 
for (var i = 0; i < imgs.length; i++) 
  { 
    if (!imgs[i].title && imgs[i].alt != "") 
  { 
    imgs[i].title = imgs[i].alt; 
  } 
}  
   

Saludos,

[AlZuwaga]

Con razón... he ahí todo el misterio.. un maldito script
Te juro que me estaba volviendo loco el hecho de no identificar qué era lo que hacía que se comportara de esas (ya no) extrañas maneras

Un saludo