Cualquier persona que sabe cualquier cosa sobre accesibilidad de la tela sabe que las imágenes necesitan alternativa, o ALT, texto asignado a ellos. Esto es porque los lectores de la pantalla no pueden entender imágenes, pero algo leído en voz alta el texto alternativo asignado a ellas. En Internet Explorer podemos ver este texto del ALT, simplemente mousing sobre la imagen y mirando el tooltip amarillo que aparece. Otros browsers (correctamente) no hacen esto. El HTML para insertar el texto del ALT es:

¿Pero seguramente allí no puede estar una habilidad al texto del ALT de la escritura para las imágenes? ¿Tú estallido justo una descripción adentro allí y tú sois buenos ir, derecho? Bien, clase de. Seguro, no es ciencia del cohete, pero hay algunas pautas que necesitas seguir…

Imágenes del espaciador y texto que falta del ALT

Las imágenes del espaciador se deben asignar siempre el texto nulo del ALT, o el "" del alt=. Esta manera la mayoría de los lectores de la pantalla no hará caso totalmente de la imagen e incluso no anunciará su presencia. Las imágenes del espaciador son las imágenes invisibles que la mayoría de los Web site utilizan bastante. El propósito de ellas es, pues el nombre sugiere, crear el espacio en la página. No es a veces posible crear la representación visual que necesitas, así que puedes pegar una imagen adentro (que especifica su altura y anchura) y volià, tienes el espacio adicional necesitas.

No cada uno utiliza este texto nulo del ALT para las imágenes del espaciador. Algunos Web site se pegan en el alt= " imagen del espaciador ". Imaginarte cómo la molestia de esto puede estar para un usuario del lector de la pantalla, especialmente cuando tienes diez de ellos en una fila. ¡Un lector de la pantalla diría, “imagen, imagen del espaciador” diez veces en una fila (los lectores de la pantalla dicen generalmente la palabra, la “imagen”, antes de leer hacia fuera su texto del ALT) - ahora que no es provechoso!

Otros reveladores de la tela salen simplemente hacia fuera de la cualidad del ALT para las imágenes del espaciador (y quizás otras imágenes). En este caso, la mayoría de los lectores de la pantalla leerán hacia fuera el nombre de fichero, que podría ser newsite del `/las imágenes/onepixelspacer.gif'. Un lector de la pantalla anunciaría esta imagen como “imagen, GIF del punto del espaciador del pixel de la raya vertical una de las imágenes de la raya vertical del newsite”. ¡Imaginarte lo que sonaría esto como si había diez de éstos en una fila!

Balas e iconos

Las balas y los iconos se deben tratar más o menos de la misma manera como imágenes del espaciador, así que se deben asignar el texto alternativo nulo, o el "" del alt=. Pensar de una lista de artículos con una bala de lujo que procede cada artículo. Si el texto del ALT, bala del `' entonces se asigna a cada imagen, la “imagen, bala” será leída en voz alta por los lectores de la pantalla antes de cada artículo de la lista, haciendo te la toma ese pedacito más larga para trabajar a través de la lista.

Los iconos, usados generalmente para complementar acoplamientos, se deben también asignar el "" del alt=. Muchos Web site, que ponen el icono al lado del texto del acoplamiento, utilizan el texto del acoplamiento como el texto del ALT del icono. Los lectores de la pantalla primero anunciarían este texto del ALT, y entonces el texto del acoplamiento, así que en seguida dirían el acoplamiento dos veces, que no es obviamente necesario.

(Idealmente, las balas y los iconos se deben llamar como imágenes de fondo a través del documento del CSS - ésta las quitaría del documento del HTML totalmente y por lo tanto para quitar la necesidad de cualquier descripción del ALT.)

Imágenes decorativas

Las imágenes decorativas se deben asignar también el texto alternativo nulo, o el "" del alt=. Si una imagen es caramelo puro del ojo entonces allí no es ninguna necesidad de un usuario del lector de la pantalla incluso de saber que está allí y el ser informado de su presencia agrega simplemente a la contaminación del ruido.

Inversamente, podrías discutir que las imágenes en tu sitio creen una identidad de la marca de fábrica y ocultándolos de usuarios del lector de la pantalla estás negando a este grupo de usuarios la misma experiencia. Los expertos de la accesibilidad tienden para favorecer la discusión anterior, pero hay ciertamente un caso válido para el último también.

Navegación y texto encajados dentro de imágenes

Menús de la navegación que requieren el texto de lujo no tienen ninguna opción pero encajar el texto dentro de una imagen. En esta situación, el texto del ALT no se debe utilizar para ampliarse en la imagen. Bajo ningunas circunstancias el texto del ALT decir, `leen todos sobre nuestros servicios fantásticos, diseñados para ayudarte en todo que lo haces'. Si el artículo de menú dice, el `mantiene' entonces el texto del ALT debe también decir servicios del `'. El texto del ALT debe describir siempre el contenido de la imagen y debe repetir el texto palabra por palabra. Si deseas ampliarse en la navegación, por ejemplo en este ejemplo, ti puede utilizar la cualidad del título.

Igual solicita cualquier otro texto encajado dentro de una imagen. El texto del ALT debe repetir simplemente, palabra por palabra, el texto contenido dentro de esa imagen.

(A menos que la fuente que es utilizada sea especialmente única es a menudo innecesario encajar el texto dentro de imágenes - los efectos avanzados de la navegación y del fondo se pueden ahora alcanzar con el CSS.)

Insignia de la compañía

Los Web site tienden para variar en cómo aplican el texto del ALT a las insignias. Algunos dicen, nombre de compañía del `', otros insignia del nombre de compañía del `', y otro describe la función de la imagen (generalmente un acoplamiento de nuevo al homepage), `de nuevo a hogar'. Recordar, texto del ALT debe describir siempre el contenido de la imagen así que el primer ejemplo, alt= " nombre de compañía ", es probablemente el mejor. Si la insignia es un acoplamiento de nuevo al homepage entonces esto se puede comunicar con eficacia a través de la etiqueta del título.

Conclusión

Escribir el texto eficaz del ALT no es demasiado difícil. Si es una imagen decorativa entonces anular el texto alternativo, o el "" del alt= debe ser utilizado generalmente - nunca, omitir siempre la cualidad del ALT. Si la imagen contiene el texto entonces el texto del ALT debe repetir simplemente este texto, palabra por palabra. Recordar, texto del ALT debe describir el contenido de la imagen y nada más.

También ser seguro también guardar el texto del ALT tan brevemente y sucinto como sea posible. El escuchar un Web page con un lector de la pantalla dura mucho métodos que tradicionales, así que no hace la experiencia que practica surf dolorosa para los usuarios del lector de la pantalla con el texto hinchado e innecesario del ALT.

Article Source: http://www.articleset.com