Cómo escribir un buen texto alt para las imágenes para ayudar a que el lector de pantalla y ciego que el usuario entienda qué es la imagen?

StackOverflow https://stackoverflow.com/questions/1741700

Pregunta

Cómo escribir un buen texto alt para las imágenes para ayudar a que el lector de pantalla y ciego que el usuario entienda qué es la imagen ?y si estamos usando Alt texto, entonces, lo que debe ser en un Title="texto" si estamos utilizando tanto en casos especiales como el menú de imágenes, etc

¿Fue útil?

Solución

Usted debe no hacer que los discapacitados visuales usuario a comprender lo que la imagen es todo acerca de.Para los ciegos, la imagen de manera efectiva no existe, todo lo que existe es el texto.

El alt el texto debe trabajar como una sola oración o párrafo que puede ser reemplazado por la imagen, transmitir el mismo contenido y todavía tienen sentido en el contexto de la adyacente contenido.

Si la imagen es algo que es parte de la interfaz gráfica de usuario, luego la alt el texto debe transmitir una acción (verbo), línea de upvote, responder a esta o la sesión.

Usted debe visitar a su sitio con links y tratar de entender su sitio.Si hay, por ejemplo, un gráfico circular, su alt el texto debe ser un pequeño resumen de los porcentajes.Si usted acaba de tener una linda flor junto a un post en el blog, no se dan una innane alt de texto como imagen de la flor compañero de blogpost #324 o incluso peor flower.jpg.

Si la imagen es importante para la navegación o para obtener información, tratar de dar un alt texto que hace que el sitio de trabajo sin la imagen.Si la imagen es solo de presentación, darle un vacío alt texto.

title, hasta donde yo sé, sólo se muestra cuando se cernía, por lo que debe darle información adicional a la imagen, por lo que inútil duplicación de la información debe ser evitado.Para los lectores de pantalla, este es un poco más complicado, como el apoyo y la configuración puede ser muy diferente entre los usuarios.

Algunos los datos empíricos muestra title como inútiles:

  • La mayoría de los usuarios de software de lectura de pantalla no cambia su configuración predeterminada de acceso al TÍTULO atributo de la información en los enlaces.
  • La mayoría de los software de lectura de pantalla puede acceder atributo de TÍTULO contenido en el formulario los controles por defecto.
  • Algunos software de lectura de pantalla no puede tener acceso a TÍTULO de información de atributo.
  • Los usuarios de los magnificadores de pantalla pueden leer el TITULO de texto de atributo a menores niveles de ampliación.
  • Los usuarios de los magnificadores de pantalla no se puede leer el TÍTULO atributo de texto, que contiene más de 1 o 2 palabras, a mayor aumento de los niveles.

He aquí un buen consejo, mejor dicho de lo que yo podría

El uso de esta información para proporcionar información adicional que no es esencial.La mayoría de los navegadores visuales de la pantalla de título de texto como una herramienta de punta cuando el elemento se cernía sobre, sin embargo es hasta el navegador fabricante para decidir cómo el título se presentará el texto.Algunos mostrará el texto en la barra de estado en su lugar.Las primeras versiones de Safari hacían, por ejemplo.

Un buen uso del atributo title es para agregar texto descriptivo de los vínculos, especialmente si el texto del enlace en sí no describa claramente el destino del enlace.De esta manera usted puede ayudar a los visitantes a saber donde está el enlace los llevará, posible salvarlo de la carga de una página, sólo para descubrir que no era nada les interesa.Otro posible uso es el de proporcionar información adicional para una imagen, como tal vez una fecha u otra información que probablemente no es esencial.

Recuerde que el longdesc atributo se supone que es un enlace para más información, no texto como algunas personas el uso indebido de ella.

Otros consejos

Soy un usuario de lector de pantalla y el uso de Stackoverflow como un ejemplo de lo bueno y de lo malo.

Las etiquetas Alt debe ser breve y descriptivo.Por ejemplo stackoverflow del alt etiquetas para la votación y votar en contra de las opciones son buenas, ya que no toma mucho tiempo para leer y llegar al punto rápidamente.Ejemplos de malas etiquetas alt son el hacer esta pregunta una de las favoritas y acepte esta respuesta.Ninguna de las etiquetas descriptivas, el favorito de la etiqueta es "*"y el aceptar la respuesta de la etiqueta de "check"La única manera para mí para decir lo que se es leer la fuente o tener a alguien videntes déjame saber lo que son.

Tan lejos como title atributos de ir yo realmente no tiene mucho asesoramiento.Mi lector de pantalla no los leerá por defecto, de modo que yo normalmente no uso de ellos.Un ejemplo de algo que podría ser útil es la información adicional.Por ejemplo, la razón de mi aceptado tasa de respuesta es tan bajo es porque no tengo manera de saber si me han aceptado una respuesta en una pregunta.Sería bueno si el atributo title en el aceptar esta respuesta gráfica diría algo como "haga clic en aceptar esta respuesta"si la respuesta no es aceptada y "Haga clic en para eliminar esta respuesta como la aceptada respuesta"si es el aceptado respuesta.

Creo que la mejor práctica es poner mismo contenido en los atributos alt y el título.

En cuanto a 'qué escribir' -. Sólo simple, en pocas palabras lo que está en la imagen

Comprobar este artículo, donde se describen los atributos ALT bastante bien: http: / /www.cs.tut.fi/~jkorpela/html/alt.html

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top