RE: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Emmanuelle Gutiérrez y Restrepo
Hola Bernat,

Me alegra que preguntes, porque hoy en día uno de los errores más comúnes en 
las webs es, encontrar que utilizan el atributo alt, pero mal.

El contenido del atributo alt debe ser un *equivalente textual* del contenido 
de la imagen.

El contenido del atributo title, debe ser información aclaratoria sobre el 
elemento que titula.

Entonces, utilizando el ejemplo que pones, si el logotipo de la empresa 
ovillo fuera un ovillo de lana con las letras sobreimpresionadas Ovillo y 
el lema Desenrredando la madeja, por ejemplo guiño, y esa imagen conformara 
un enlace a la página principal de esa empresa, el código debería ser como 
sigue:

a href=... title=Página principal de Ovilloimg src:... alt=Ovillo: 
Desenrredando la madeja/a

¡Nunca el contenido del atributo alt y del atributo title deben ser el mismo! 
(Error muy habitual por ahí). La razón es que, dependiendo de cómo tenga 
configurada la herrramiente el usuario, es posible que tenga que oír dos veces 
la misma información.

Espero que esto te ayude,
Saludos,
Emmanuelle


 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED] nombre de Bernat Lleonart
 Enviado el: jueves, 15 de diciembre de 2005 12:07
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para
 elelemento IMG
 
 
 Hola,
 
 Tengo algunas dudas sobre las diferencias en el uso de los atributos
 ALT y TITLE para el elemento IMG. La documentación del W3C dice esto,
 pero no me queda muy claro para qué sirve cada cosa:
 
 ALT: For user agents that cannot display images, forms, or applets,
 this attribute specifies alternate text. The language of the alternate
 text is specified by the lang attribute.
 
 TITLE: This attribute offers advisory information about the element
 for which it is set.
 
 Entonces, en una página con una imagen del logotipo de una empresa de
 nombre Ovillo SL, el atributo ALT sería Ovillo SL o Logotipo de
 la empresa Ovillo SL? Y el atributo TITLE ¿qué podría contener? Si
 esa imagen es un enlace a la página de inicio, ¿podría ser
 title=Enlace a la página de inicio? ¿Qué es eso de advisory
 information?
 
 Gracias.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente 
 dirección: http://ovillo.org/mailman/listinfo/ovillo___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Bernat Lleonart
2005/12/15, Emmanuelle Gutiérrez y Restrepo [EMAIL PROTECTED]:


 Espero que esto te ayude,
 Saludos,
 Emmanuelle


Gracias, Emmanuelle y Felix, por vuestra información y aclaraciones.
Seguimos aprendiendo :)

Saludos.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Choan C. Gálvez

Emmanuelle Gutiérrez y Restrepo wrote:

El contenido del atributo alt debe ser un *equivalente textual* del
contenido de la imagen.

El contenido del atributo title, debe ser información aclaratoria
sobre el elemento que titula.

Entonces, utilizando el ejemplo que pones, si el logotipo de la
empresa ovillo fuera un ovillo de lana con las letras
sobreimpresionadas Ovillo y el lema Desenrredando la madeja, por
ejemplo guiño, y esa imagen conformara un enlace a la página
principal de esa empresa, el código debería ser como sigue:

a href=... title=Página principal de Ovilloimg src:...
alt=Ovillo: Desenrredando la madeja/a

¡Nunca el contenido del atributo alt y del atributo title deben ser
el mismo! (Error muy habitual por ahí). La razón es que, dependiendo
de cómo tenga configurada la herrramiente el usuario, es posible que
tenga que oír dos veces la misma información.


Muy buena explicación. Quisiera añadir un par de puntos:

* El atributo `alt` **nunca** debe ser el nombre del fichero de imagen.

* Si la imagen no añade información, el atributo `alt` debería existir y 
estar vacío. Me explico: si en una anotación sobre MySQL incluimos el 
logo de MySQL, es conveniente que el atributo `alt` esté vacío 
(`alt=`). Esto evita redundancias que no aportan información.


Salud,
Choan

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Inma Bermejo Salar

Choan C. Gálvez wrote:

* Si la imagen no añade información, el atributo `alt` debería existir 
y estar vacío. Me explico: si en una anotación sobre MySQL incluimos 
el logo de MySQL, es conveniente que el atributo `alt` esté vacío 
(`alt=`). Esto evita redundancias que no aportan información. 


Si la imagen no añade información... no debería estar en el CSS?

--

...el mundo es una tontería si vas dejando que se escape lo que más querías...

[EMAIL PROTECTED]

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Juan G. Hurtado
Buenas,

El 15/12/05, Inma Bermejo Salar[EMAIL PROTECTED] escribió:
 Si la imagen no añade información... no debería estar en el CSS?

En mi opinión hay una muy delgada línea entre la imagen añade
información y la imágen no añade información.

Sea como sea, siempre que se ponga un img y pienses en colocarle el
atributo alt vacío, habría que pensar detenidamente también si esa
imagen no quedaría mejor en el CSS.

Un saludo.

--
Juan G. Hurtado
[ [EMAIL PROTECTED] ]
[ http://armonia.spiral-static.org/ ]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Choan C. Gálvez

Inma Bermejo Salar wrote:

Choan C. Gálvez wrote:

* Si la imagen no añade información, el atributo `alt` debería existir 
y estar vacío. Me explico: si en una anotación sobre MySQL incluimos 
el logo de MySQL, es conveniente que el atributo `alt` esté vacío 
(`alt=`). Esto evita redundancias que no aportan información. 


Si la imagen no añade información... no debería estar en el CSS?


Sí, en la teoría. Pero en la práctica no siempre se puede hacer así.

Poniendo el caso de un blog: el autor escribe una anotación sobre WP 
(por cambiar de tema). Para darle un poco de gracia a la presentación, 
incluye el logo de WP.


Para incluir la imagen en la anotación, utiliza un elemento `img`, lo 
flota hacia donde le venga en gana y le asigna un `alt` adecuado.


Incluir la imagen como _contenido_ es una cosa de lo más sencilla por 
mucho que tengamos chopocientas tres anotaciones con otras tantas 
imágenes distintas. Si lo hiciéramos vía CSS... sencillamente sería 
_imposible_ gestionar las hojas de estilo.


Así, pues, lo que yo propongo viene a ser:

pimg src=logo-wp.png alt= /WordPress tal y cual/p

Que me parece más adecuado que

pimg src=logo-wp.png alt=WordPress /WordPress tal y cual/p

Otra cosa sería que en lugar del logo incluyéramos un pantallazo (que sí 
aportaría información) en este caso, sería adecuado utilizar


	img src=pantallazo-admin.png alt=Nueva interfaz de administración 
de WordPress /


Espero que se entienda mi punto de vista.

Salud,
Choan
--




___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Inma Bermejo Salar

Choan C. Gálvez wrote:


Así, pues, lo que yo propongo viene a ser:

pimg src=logo-wp.png alt= /WordPress tal y cual/p

Que me parece más adecuado que

pimg src=logo-wp.png alt=WordPress /WordPress tal y cual/p

Otra cosa sería que en lugar del logo incluyéramos un pantallazo (que 
sí aportaría información) en este caso, sería adecuado utilizar


img src=pantallazo-admin.png alt=Nueva interfaz de 
administración de WordPress /


Espero que se entienda mi punto de vista.


Entiendo tu punto de vista pero no lo comparto, porque creo que puede 
ser desconcertante encontrar una img con alt vacío. Supongo que es 
algo personal, pero yo sí que utilizaría la segunda opción, o más bien, 
el contenido alternativo sería Logotipo de Wordpress, no porque sea 
relevante, pero si no se pone nada, te quedas con la intriga de si sería 
algo importante.


--

...el mundo es una tontería si vas dejando que se escape lo que más querías...

[EMAIL PROTECTED]

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Pablo Viojo
El día 15/12/05, Choan C. Gálvez [EMAIL PROTECTED] escribió:

 Inma Bermejo Salar wrote:
  Choan C. Gálvez wrote:

. Si la imagen no añade información... no debería estar en el CSS?


Creo que el tema de usar el css para aquellas imagenes que no aporten
información es correcto, en tanto dichas imagenes formarían mas que anada
parte del diseño visual del sitio.

Sin embargo hay muchas veces en que la imagen añade información visual, como
podría ser el caso del logo de wordpress, que es complementada por
información textual (la palabra wordpress a su lado) por lo que si dicha
imagen no es percibida por el usuario la diferencia no es significativa en
cuanto a la información recibida por el usuario, por lo que no se volvería
necesario el uso del atributo ALT (además de poder ser bastante molesto, y
por lo tanto cumplir la función inversa a lo previsto)

Saludos a todos

--
Pablo Viojo
[EMAIL PROTECTED]
http://pviojo.net
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Choan C. Gálvez

Pablo Viojo wrote:

. Si la imagen no añade información... no debería estar en el CSS?

Creo que el tema de usar el css para aquellas imagenes que no aporten
información es correcto, en tanto dichas imagenes formarían mas que anada
parte del diseño visual del sitio.

Sin embargo hay muchas veces en que la imagen añade información visual, como
podría ser el caso del logo de wordpress, que es complementada por
información textual (la palabra wordpress a su lado) por lo que si dicha
imagen no es percibida por el usuario la diferencia no es significativa en
cuanto a la información recibida por el usuario, por lo que no se volvería
necesario el uso del atributo ALT (además de poder ser bastante molesto, y
por lo tanto cumplir la función inversa a lo previsto)


Che, Pablo, has explicado lo que tenía en la cabeza mucho mejor que yo.

Salud,
Choan

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas en el uso de los atributos ALT y TITLE para elelemento IMG

2005-12-15 Por tema Carlos Casado
Hola,

Un detalle,

 Otra cosa sería que en lugar del logo incluyéramos un pantallazo (que sí
 aportaría información) en este caso, sería adecuado utilizar

 img src=pantallazo-admin.png alt=Nueva interfaz de administración
 de WordPress /


En este caso, ¿qué podríais en un atributo title? Y aun más, hay un
punto interesante que es el diferente trato que dan IE y Firefox a
estos dos atributos. IE, al dejar el ratón encima de la imagen te
muestra el ALT, mientras que Firefox te muestra el title...

--
Carlos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo