Accesibilidad de los enlaces Web: introducción
| |
Imprimir |
Enviar |
Parte |
Advertencia: La versión original de este documento es Web enlaces e hipertexto: una introducción . Esta traducción al francés fue realizada por Ideose como parte de un acuerdo entre WebAIM y Ideose .
Nota: Vea la página de los documentos sobre accesibilidad web para obtener una lista de todos los documentos traducidos. Otras fuentes de información sobre la accesibilidad web también aparecen en el portal digital accesible .
Resumen
- Usted está en la Página 1: Introducción
- Página 2: Crear enlaces de texto accesibles
- Página 3: Creación de hipervínculos accesibles
Información general
El hipervínculo es uno de los elementos básicos de HTML como su nombre lo indica (stands HTML para HyperText Markup Language).
Por lo tanto, crear hipervínculos accesibles es uno de los más fundamental y más importante de la accesibilidad web.
Sobre todo, esta es una tarea fácil.
Los hipervínculos trabajar con cualquier tecnología estándar y plataformas.
Los usuarios de todos los niveles pueden acceder a él directamente oa través de la utilización de tecnología de asistencia.
Pero como es de esperar, la accesibilidad de los hipervínculos no se trata simplemente de crear un vínculo.
Algunos tipos de enlaces son más accesibles que otros, y algunos tipos de enlaces son inaccesibles para las personas con alguna discapacidad.
Debido a que los vínculos son tan esenciales para el funcionamiento del contenido de la web, los enlaces son una inaccesibles de los obstáculos más significativos para la accesibilidad en general.
Enlaces de accesibilidad del teclado
Los usuarios deben ser capaces de buscar y seleccionar cada vínculo mediante el teclado solo. permet aux utilisateurs d'activer un lien. En la mayoría de los navegadores, la tecla Tab para pasar de un enlace a otro, y la tecla Enter permite a los usuarios activar un enlace. Si la única manera de acceder a un enlace con el ratón, el enlace no se puede utilizar para las personas que no pueden utilizar un ratón. ¿Cómo es posible crear un vínculo que es inaccesible para el teclado? El método más común es el uso de manejadores de eventos de JavaScript que no permiten el acceso al teclado (leer el documento sobre los controladores de eventos de JavaScript ). En otras formas de hacer los enlaces accesibles a los usuarios utilizando el teclado, está el hecho de que no se usen HTML tecnologías como Flash o Java, para crear vínculos en un documento HTML. Java y Flash puede hacerse accesible, pero sólo si el desarrollador que utiliza con una preocupación por la accesibilidad. En general, la creación de vínculos HTML de acceso es más fácil y más simple que la creación de vínculos con otras tecnologías disponibles.
Uno de los mayores obstáculos es la creación de vínculos que llevan a ninguna parte. Desarrolladores veces el uso de JavaScript para crear menús dinámicos que tienen lugar cuando el usuario pasa el ratón con algunos enlaces. En algunos casos, el propio enlace no conduce a nada. Su único propósito es mostrar los enlaces del menú, que tienen sus destinos reales. Este tipo de relación tiene a menudo una señal de destino (#), lo que significa que el destino del enlace está en la misma página. Haga clic en este vínculo hace ninguna acción. Los usuarios y los que utilizan el teclado con el ratón no lo conseguirá haciendo clic en este enlace.
Mal ejemplo
El enlace en este ejemplo no va a ninguna parte. Su único propósito es activar una función de JavaScript.
Los usuarios que utilicen el ratón puede por lo menos, haga clic en los enlaces en el menú, pero los usuarios que utilizan el teclado no se puede acceder al menú.
Por lo tanto, el vínculo es totalmente inútil y todos los destinos de vínculos del menú son completamente inaccesibles.
Una solución es abandonar el menú desplegable y en vez de usar hipervínculos.
Otra solución consiste en definir un destino del enlace real (por ejemplo, href="products.htm" ), que recogen los mismos enlaces que están disponibles a través del menú desplegable.
Para obtener más información, véase el ejemplo 2 de párrafo " onMouseOver y onMouseOut " en el documento sobre los controladores de eventos de JavaScript.
Los lectores de pantalla y enlaces
Las personas que utilizan lectores de pantalla para acceder a la Web con mayor frecuencia con el teclado en lugar de ratón. Por lo tanto, la accesibilidad del teclado es un primer paso importante en la toma de hipervínculos a disposición de los usuarios de lectores de pantalla. Más allá de los aspectos básicos de la accesibilidad del teclado, ayuda a saber cómo los usuarios de lectores de pantalla para acceder a los enlaces.
Los lectores de pantalla informar a los usuarios que el texto (o imagen) es un enlace
JAWS dice "enlace" antes de cada enlace. modifie sa voix. Por ejemplo, un enlace que dice "productos" se leería como "productos de enlace" de JAWS. IBM Home Page Reader altera su voz. Una voz de hombre lee el contenido del texto para que sea una voz femenina que lee los enlaces de texto.
Resultado: no hay necesidad de escribir "enlace" en el texto del vínculo.
Todos los usuarios ya saben que el enlace es un enlace.
La pregunta es más para las imágenes utilizadas como enlaces.
No hay necesidad de escribir "enlace" o "link" en el alt texto de una imagen.
De lo contrario, los usuarios de JAWS escuchará "Enlace de gráfico para los productos", lo cual es redundante.
Los usuarios de lectores de pantalla suelen desplazarse de un enlace a otro, saltando el texto de los vínculos entre
Tabulación de enlace a enlace es una manera de ver el contenido Web, especialmente si los usuarios tratan de encontrar una sección particular de un sitio web.
Una de las consecuencias: los enlaces deben tener sentido fuera de contexto. Frases como "haga clic aquí", "más", "haga clic para más detalles", y así sucesivamente son casi totalmente de sentido cuando se lea fuera de contexto. Al mismo tiempo, sería demasiado excesivo detalle el enlace a fin de que su destino es perfectamente discernible por escuchar fuera de contexto. Los usuarios no quieren oír "la página del producto en el que se presentó una lista de todos nuestros productos, incluyendo productos de software y formación, con una lista de precios y la disponibilidad por región (en esta página se utiliza el modelo de navegación igual que página donde se encuentra). " Tal vez una mejor solución sería simplemente un enlace que dice "Productos".
Resultado 2: Actualizar la información de vínculo específico al principio. No ponga no específica información al principio de la relación, pero en el enlace final. Por ejemplo, no escriba "vínculo que se abre en una nueva ventana: los productos". En su lugar, escriba "Productos (abre en ventana nueva)" o algo por el estilo. Esto es particularmente importante en este ejemplo, si varios enlaces de la misma página web abrirá en una ventana nueva. Con información de posicionamiento en el primer lugar en vez de información específica, los usuarios de lectores de pantalla se oye el término "enlace se abrirá en una ventana nueva" muchas veces. Ellos tendrán más dificultades para distinguir los diferentes eslabones, o por lo menos que les llevará más tiempo.
Los usuarios de lectores de pantalla a veces una lista de enlaces ordenados alfabéticamente
Los lectores de pantalla permiten a los usuarios publicar enlaces en una página Web en una lista organizada alfabéticamente. Ellos usan un atajo de teclado en su lector de pantalla para eso. Esto es especialmente útil si saben que la primera letra de la relación que ellos quieren.
Por lo tanto: El uso de palabras y frases enlaces que pueden ser intuitivamente organizados en orden alfabético. Por ejemplo, la frase "nosotros" aparece de una manera convencional en muchos sitios web y puede ser el eslabón buscado por los usuarios. Si el enlace dice "nosotros" o "cómo ponerse en contacto con nosotros" u otra frase, que es menos intuitivo que el mencionado en primer lugar (al menos tal como se utiliza), los usuarios pueden tener más dificultades para encontrar el enlace.
Lea también:
WebAIM Recursos
Los recursos externos
Derechos de autor 1999-2009 WebAIM




































