Escritura de texto alternativo eficaz para las imágenes
Cualquiera que sepa algo sobre la accesibilidad web sabe que las imágenes necesitan alternativas, o ALT, texto que se les asignen. Esto se debe a los lectores de pantalla no puede entender las imágenes, sino de leer en voz alta el texto alternativo que se les asignen. En Internet Explorer se puede ver este texto ALT, con sólo mover el ratón sobre la imagen y mirando a la descripción que aparece en amarillo. Otros navegadores (correctamente) no lo hacen. El código HTML para la inserción de ALT el texto es: img src = "filename.gif" alt = "descripción alternativa pasa aquí" Pero sin duda no puede haber una habilidad para escribir texto ALT para las imágenes? Usted acaba de estallar una descripción de allí y eres bueno para ir, ¿verdad? Bueno, algo así. Claro, no es ciencia espacial, pero hay algunas directrices que deben seguir ... las imágenes de espaciador y desaparecidos imágenes textSpacer ALT siempre se debe asignar el texto ALT nulo, o alt = "". De esta manera la mayoría de los lectores de pantalla ignoran por completo la imagen y ni siquiera anunciar su presencia. Spacer imágenes son imágenes invisibles que la mayoría de los sitios web de bastante uso. El objetivo de ellos es, como su nombre indica, para crear espacio en la página. Algunas veces No es posible crear la representación visual que necesita, por lo que puede pegar una imagen en la (especificando su altura y anchura) y voliÃÆ'à † â € ™ Ã⠀ šÃ, el A, tiene el espacio extra que need.Not todos utiliza este texto ALT nulo para las imágenes de espaciador. Algunos sitios web palo en alt = "spacer image". Imagínate cómo esto puede ser molesto para un usuario de lector de pantalla, especialmente cuando se tienen diez de ellos en una fila. Un lector de pantalla diría, "Imagen, imagen spacer" diez veces en una fila (lectores de pantalla suelen decir la palabra "imagen", antes de leer su texto ALT) - no ahora que es útil! Desarrolladores web Otros simplemente dejar de lado el ALT atributo de las imágenes de espaciador (imágenes y tal vez otros). En este caso, la mayoría de los lectores de pantalla se lee el nombre del archivo, lo que podría ser "newsite / images / onepixelspacer.gif. Un lector de pantalla que anunciará esta imagen como "Imagen, las imágenes barra barra newsite un separador de punto de pixel gif". Imagínese lo que esto podría sonar como si hubiera diez de estas en una fila! Y viñetas iconsBullets y los iconos deben ser tratados de la misma manera como las imágenes de espaciador, por lo que se debe asignar un texto alternativo nulo, o alt = "". Piense en una lista de elementos con una bala de fantasía procedimiento de cada elemento. Si el texto ALT, 'bala' se asigna a cada imagen, entonces, "Imagen, bala "se leerá en voz alta por lectores de pantalla antes de cada elemento de la lista, por lo que es tener que poco más de tiempo de trabajo a través de la list.Icons, usualmente utilizada como complemento de los vínculos, también debe asignar alt =" ". Muchos sitios web, que ponen el icono junto al texto del vínculo, utilice el enlace de texto como el texto ALT del icono. Los lectores de pantalla en primer lugar anunciar este texto ALT y, a continuación el texto del enlace, por lo que diría entonces el enlace dos veces, lo que obviamente no es necesario. (Idealmente, las balas y los iconos deben ser llamados como imágenes de fondo en el documento CSS - Esto eliminaría a partir del documento HTML completo y por lo tanto eliminar la necesidad de ALT descripción.) Decorative imágenes imagesDecorative también se debe asignar un texto alternativo nulo, o alt = "". Si una imagen es caramelo puro del ojo entonces no hay necesidad de un lector de pantalla para el usuario ni siquiera sabe que está ahí y que se informado de su presencia no hace sino aumentar el ruido pollution.Conversely, se podría argumentar que las imágenes en su sitio de crear una identidad de marca y por ocultarlos de los usuarios de lectores de pantalla que está negando a este grupo de a los usuarios la misma experiencia. Accesibilidad expertos tienden a favorecer el argumento anterior, pero ciertamente es un caso válido para el too.Navigation éste y el texto incorporado dentro de los menús imagesNavigation que requieren de lujo de texto no tienen más opción que integrar el texto dentro de una imagen. En esta situación, el texto ALT no debe ser utilizado para ampliar la imagen. Bajo ninguna circunstancia debe el texto ALT decir, 'Leer todo acerca de nuestros fantásticos servicios, diseñado para ayudarle en todo lo que haces ". Si el elemento de menú dice, 'Servicios', entonces el texto ALT debería decir "Servicios". El texto ALT siempre debe describir el contenido de la imagen y debe repetir el texto palabra por palabra. Si desea ampliar la navegación, como en este ejemplo, usted puede utilizar el título attribute.The mismo se aplica para cualquier otro texto incrustado en una imagen. El texto ALT debería simplemente repetir, palabra por palabra, se utiliza el texto que figura en la imagen. (A menos que la fuente es especialmente único es a menudo innecesario encajar el texto dentro de imágenes - navegación avanzada y efectos de fondo ahora se puede lograr con CSS). logoWebsites empresa tienden a variar en la manera de aplicar el texto ALT para los logotipos. Algunos dicen, 'Nombre de la empresa », otros« logo Nombre de la empresa », y otros describen la función de la imagen (por lo general un enlace a la página principal), 'Volver a casa ". Recuerde, el texto alternativo siempre debe describir el contenido de la imagen para el primer ejemplo, alt = "Nombre de la empresa", es probablemente la mejor. Si el logotipo es un enlace a la página de inicio entonces esto puede ser eficaz comunicarse a través del título tag.ConclusionWriting texto ALT efectivo no es demasiado difícil. Si es una imagen decorativa a continuación, el texto alternativo nulo, o alt = "" por lo general se debe usar - nunca, nunca omitir el atributo ALT. Si la imagen contiene texto entonces el texto ALT debería simplemente repetir este texto, palabra por palabra. Recuerde, el texto ALT debe describir el contenido de la imagen y more.Do nada también estar seguro también para mantener el texto ALT lo más corto y sucinta posible. Escuchando a una página web con un lector de pantalla tarda mucho más que los métodos tradicionales, por lo que no hacen la dolorosa experiencia de navegación para los usuarios de lector de pantalla con ALT hinchada e innecesaria text.This artículo fue escrito por Trenton Moss. Está loco por usabilidad y accesibilidad - tan loco que se fue y comenzó su facilidad de uso propia web y consultoría de accesibilidad (Webcredible --
Artículo Fuente: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster obtener el código html
Añadir este artículo a su sitio web ahora!
Webmaster Envíe sus artículos
No es necesario que se registre! Completa el formulario y su artículo está en el Messaggiamo.Com Directorio!
