vomo poner texto equivalente

pujolasjosep · #1 (**permalink**) 05/12/2006, 04:56

Hola a todos:
estoy colaborando con una ong y claro es un trabajo voluntario sin
retibucion. Quisiera por favor que me explicaran una cosa
muy simple, pero que veo, que en todos los los manuales ya se da por entendida y yo no se como se hace, cuando se pone un texto equivalente en una imagen ¿como se pone?. ¿Hay algun formato, pauta o forma de hacerlo?.
por favor diganme como lo debo hacer, tambien les agradeceria alguna dirección donde yo pueda ver como se hace y me sirva de ejemplo.
Salu2

webosiris · #2 (**permalink**) 05/12/2006, 09:46

el texto que sale si una imagen no se carga se hace usando el atributo alt

Código HTML:

<img src="imagenes/miimagen.jpg" alt="Texto alternativo" />

pujolasjosep · #3 (**permalink**) 06/12/2006, 05:42

Ok, entonces debo entender que el texto equivalente no se muestra en pantalla, sino que solo se puede leer, si se tiene el navegador modificado, para no cargar imagenes, ¿lo he entendido bièn?.
Gracias nuevamente.

bookmaster · #4 (**permalink**) 06/12/2006, 06:15

Eso lo que hace es que si deja el ratón encima de una imagen te sale un texto, ese texto es la propiedad ALT, ese texto también sale cuando la imagen no termina de cargarse o es interpretada para las personas ciegas por el sintetizador que suelen usar.

JavierB · #5 (**permalink**) 06/12/2006, 10:01

Hola bookmaster

alt es el texto ALTernativo para cuando no se carga la imagen. Para que aparezca un texto al poner encima el ratón, hay que utilizar title. Lo que ocurre es que IE el alt lo interpreta como title

Saludos,

pujolasjosep · #6 (**permalink**) 11/12/2006, 10:01

A ver si lo entiendo con alt sale el texto si no se carga la imagen i ademas sale
el texto alternativo si se deja el raton encima de la imagen, pero esto solo pasa con IE. Con los demas se debe utilizar title, o sea que si pongo alt y title se vera al ponerse encima con el raton y tambien si no se carga la imagen. ¿utilizando title y alt,podria decirse que ya tengo la imagen accesible y con su texto equivalente.?
Gracias otra vez.

B** · #7 (**permalink**) 12/12/2006, 09:51

A lo que creo que el se refiere es a Image replacement
Un saludo

pujolasjosep · #8 (**permalink**) 13/12/2006, 04:21

Uy esto me lia mas, por favor soy novato en esto, me podriais contestarme tan solo si al poner la etiqueta title y la etiqueta alt en una imagen esto hara que la imagen sea accesible y ya se pueda considerar que tiene texto equivalente?, o no?.
Salu2

kahlito · #9 (**permalink**) 13/12/2006, 17:49

Hola pujolasjosep, en realidad depende siempre de lo que quieras hacer. Este último ejemplo que cita B** te valdria por sí en vez de poner por ejemplo un <h1>Título del contenido</h1> pones encima una imagen .jpg, .gif, .png etc. que lo reemplace, es algo más bien por motivos de aspecto visual y diseño.

Por otro lado a lo explicado anteriormente tambien en algunos casos hay que poner además de alt o title un longdesc, que en resumen seria un complemento al atributo alt pero en este caso con descripción de la imagen más detallada o más larga y que normalmente está enlazada hacia un URI, o sea vinculanda a un enlace.

Ejemplo:

Código HTML:

<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="¡CSS Válido!" longdesc="http://jigsaw.w3.org/css-validator/" />

Te paso este mensaje donde se habló un poco de lo mismo.

http://www.forosdelweb.com/f6/pauta-1-a-373568/

Saludos.

hurricane · #10 (**permalink**) 17/12/2006, 14:43

Como dice Kahlito además de alt está en logdesc. En el longdesc se pone un enlace a una página Web donde tengas una descripción de la imagen en cuestión. En el alt tienes que poner una muy breve descipción de la imagen, cuando el alt es insuficiente y necesitas una dar explicación más ampliada de lo que hay en la imagen entonces recurres al longdesc, pero sólo cuando sea necesario.

Por ejemplo imagínate que tienes un gráfico sobre las lluvías caidas en el último año en Madrid. En el alt escribirías alt="gráfico de lluvías caida en Madrid en el último año", el longdesc lo enlazarías a una WEb donde explicarías el gráfico: En enero la luvia caida en Madrid fue de ....... , en febero..... bla bla bla

Espero haberme explicado bien

pujolasjosep · #11 (**permalink**) 18/12/2006, 04:24

Ok, he leido el post que me indico kahlito y me ha quedado claro lo del texto
equivalente, solo que ahora me gustaria que me indicaran como funciona lo
del longdesc ya que he provado el ejemplo de kahlito y no entiendo que
debe pasar ya que si es un enlace pues deberia abrir otro sitio y no pasa
nada asi que supongo que algo debo hacer mal, por favor diganme si hay
algun post sobre longdesc ya que yo no lo encuentro, o diganme donde
puedo encontrar esa información.
Salu2

hurricane · #12 (**permalink**) 18/12/2006, 10:41

Cuando pones un longdesc el navegador no hace nada, es normal. Los actuales navegadores no interpretan correctamente el longdesc. Simplemente asegúrate que la página a la que diriges el longdesc tiene contenido y está operativa. Debido a que los navegadores interpretan el longdesc un uso habitual es poner una D después de la imagen enlazando con esa misma página web. Ej:

<img src="imagen.jpg" alt="grafico con las estadísticas de visitas a mi Web" longdesc="grafico.htm">[ <a href="grafico.htm" title="descripción del gráfico">D</a>]

kahlito · #13 (**permalink**) 18/12/2006, 16:55

Así es

, de todas formas paso dos enlaces muy parecidos a la explicación de hurricane que además incluyen ejemplos:

http://www.w3.org/WAI/wcag-curric/sam3-0.htm
http://www.sidar.org/acti/cursos/cur...m/ejem5-0.html

Saludosss

PD: No estaria mal editar el título del post y poner "como poner texto equivalente..." en vez de "vomo poner texto..."

pujolasjosep · #14 (**permalink**) 22/12/2006, 05:09

perfecto muchas gacias.