Crear enlaces de texto disponibles
| |
Imprimir |
Enviar |
Compartir |
Advertencia: la versión original de este documento es Enlaces y hipertexto: Enlace del texto y la apariencia . Esta traducción al francés fue realizada por Ideos bajo un acuerdo entre WebAIM y Ideos .
Nota: Consulte la página los documentos sobre la accesibilidad web de una lista de todos los documentos traducidos. Otros recursos sobre la accesibilidad web también aparecen en el portal digital accesible .
Resumen
- Página 1: Introducción
- Usted está en la página 2: Creación de vínculos de texto accesible
- Página 3: Creación de hipervínculos accesibles
Los enlaces de texto
Evite las relaciones que son frases sin información
Como se indica en la página 1, los vínculos son más útiles cuando tengan sentido fuera de contexto. Los autores deben evitar frases que se usan como no informativos enlaces, tales como:
- haga clic aquí
- aquí
- más
- Leer más
- link [destino del enlace]
- info
De hecho, el término "pincha aquí" no sirve para nada, aunque le precede una expresión más significativa. Por ejemplo, un enlace "Haga clic aquí para el tiempo de hoy" puede ser reducido a "el tiempo de hoy." En algunos casos puede tener sentido para preceder un enlace con "más" o "más información" (por ejemplo, "más sobre el calentamiento global"), pero si estas palabras adicionales se pueden evitar, es mejor no ponerlas (por ejemplo, el "calentamiento global", según el contexto puede transmitir el mismo significado que "sobre el calentamiento global").
Longitud de los enlaces
Enlaces de larga
¿Cuál es la longitud máxima de un enlace de texto? Buena pregunta, pero no hay respuesta bien establecida. La respuesta es más apropiado que el enlace debe ser suficiente para pasar el destino del enlace y nada más. La vaguedad de esta respuesta abre la puerta a interpretaciones, pero tal vez no sea algo malo. Los autores de contenido deberían tener la libertad de dar sentido a sus contenidos de forma que tenga sentido para ellos. Sin embargo, en general, los enlaces deben ser lo más conciso posible, sin sacrificar la relevancia.
Algunos autores crear vínculos con oraciones completas, párrafos enteros, o incluso varios párrafos. Estos bonos a largo ciertamente innecesaria, y no son fáciles de usar para usuarios de lectores de pantalla. Recuerde que los usuarios de lectores de pantalla no se puede apreciar la longitud de los enlaces de la vista. Se debe escuchar a todo el texto. Algunos usuarios de lectores de pantalla son frustrados a leer los enlaces largos de texto e ir al siguiente enlace, si no pueden entender la finalidad de la fianza después de las primeras palabras. Los autores no tienen control sobre el comportamiento de un usuario, pero no tienen control sobre algunas de las razones que pueden conducir al usuario a sentir frustración. Corto, conciso enlaces, tienen menos probabilidades de bloquear a los usuarios de lectores de pantalla que vincula a largo e impreciso.
Enlaces cortos
¿Cuál es la duración mínima de un enlace de texto? Esta es otra buena pregunta, pero es también sin respuesta. En la mayoría de los casos, los enlaces deben ser palabras o frases. En algunos casos, sin embargo, tiene sentido poner un enlace en un solo carácter, una letra del alfabeto o un número. Por ejemplo, un índice alfabético puede utilizar cada letra del alfabeto como un enlace.

El peligro de la utilización de caracteres individuales como los vínculos - o el uso de cualquier tipo de enlace pequeño (como una imagen de 10 píxeles por 10 píxeles) - es que algunos usuarios tienen dificultades para hacer clic en una región tan pequeña. Una persona con parálisis cerebral, por ejemplo, puede ser capaz de usar sus manos para manipular un ratón, pero puede tener dificultad para realizar movimientos precisos y control de los músculos que se requieren para hacer clic en un pequeño enlace. Esta persona puede tener que hacer clic en dos o tres veces para alcanzar el objetivo, y puede terminar haciendo clic en el enlace equivocado, que lo obligaría a pulsar el botón en el navegador y vuelva a intentarlo.
Los usuarios tienen algún control sobre el ancho de la relación. Se puede comprar un ampliador de pantalla como ZoomText o la magia, lo que permite ampliar el vínculo. Los usuarios también pueden aumentar las fuentes en su navegador sin necesidad de utilizar un magnificador de pantalla. El navegador Opera permite a los usuarios ampliar la página Web. En este sentido, los vínculos pequeños no son los peores problemas de accesibilidad que enfrentan los usuarios. Al mismo tiempo, los autores pueden limitar el daño potencial al aumentar el tamaño de pequeños eslabones, aumentando el tamaño de la fuente de enlaces con un solo carácter, o la ampliación de la zona del enlace mediante la inclusión de un espacio frágil en el enlace .
Ejemplo
Los espacios de no separación (presente en el código de la siguiente manera: alrededor de las letras "A" y "B" en este ejemplo.
Ellos hacen el aisent vínculo más amplio para las personas que tienen dificultades para hacer clic en las pequeñas áreas.
URL
Direcciones Web o direcciones URL presentes s dos tipos de retos:
- legibilidad
- longitud
Legibilidad de la s URL
El primer reto es que la URL s no siempre son legibles o escuchar fácilmente a través de un lector de pantalla.
URL muchos s sentido que contienen combinaciones de números, letras, guiones, guiones y otros caracteres que tienen significado para scripts y bases de datos, pero tienen poco o nada a la media personas.
En muchos casos, tiene sentido utilizar el texto legible por humanos en lugar de la URL.
Enlace legible
construcción de sitios web accesibles es más fácil que usar el enlace se compone de 108 caracteres - llena de números, barras - un texto que no es muy legible.
( http://www.amazon.com/exec/obidos/ASIN/
1590591488/qid 1116957951/sr = = 2 -
1/ref = pd_bbs_b_2_1/103-5755258-8204633 ).
¿Significa esto que la URL s que nunca se debe utilizar como enlaces? No. Si la URL es relativamente corto, es probable que haya ningún problema para utilizar la dirección URL como texto del vínculo. El punto clave es considerar a los usuarios de lectores de pantalla que hay que escuchar a la dirección URL que es más largo y menos inteligible.
Longitud de URL s
El segundo problema es que algunos s URL son muy largas y algunos navegadores se niegan a ir a la línea de URL s largo y dejamos los links URL a la derecha se extienden más allá del área visible del navegador.
Estas URL larga s suelen ser generados por los sitios Web con bases de datos o aplicaciones web que la transferencia de un número de variables a través de la dirección del sitio web.
El enlace de arriba para el libro en Amazon.com es un ejemplo perfecto.
De hecho, el texto del enlace de largo fue modificada mediante la adición de dos saltos de línea ( <br> ) en el centro de la URL, por lo que puede pasar a la siguiente línea.
Navegadores basados en Mozilla como Firefox o Netscape no permiten URL larga s para pasar a la línea a menos que el autor no presenta una nueva línea en alguna parte.
El ancho de la pantalla de abajo sería más de 2000 píxeles (equivalente a dos monitores). Imagine un enlace para ver como mucho de una página web. Los usuarios deben navegar horizontalmente tiempo para leer todo el enlace.

Lo que es peor, imagina escuchar a este enlace con un lector de pantalla! Casi nadie tiene la paciencia para escuchar a todo este contenido indescifrable. El enlace de arriba podría ser acortado a "fotos de las gaviotas de California", debido a que el enlace lleva a una página con fotos de las gaviotas de California.
El texto alternativo para imágenes utilizadas como enlaces
Cuando las imágenes se utilizan como enlaces, alt texto debe expresar el propósito del texto del vínculo.
Al igual que en el enlace de texto, el alt enlaces imágenes no es necesario informar a los usuarios que el enlace es un enlace porque ya saben.
Sin embargo, un interesante dilema es decidir si es importante para describir las características visuales de la imagen en el alt de texto, ya que el propósito del alt texto no es reemplazar la imagen en la que los usuarios no pueden verlo.
En la mayoría de los casos, las características visuales de la imagen es menos importante que el destino del enlace.
Ejemplo
La imagen en este ejemplo podría ser descrito como un objeto "alineados horizontalmente en forma de píldora, algunos en tres dimensiones, con el azul marino y una coloración rojiza en la parte inferior, con un color ligeramente más oscuro en el lado izquierdo y un poco más de lava en el lado derecho, con "productos" de la palabra escrita en letra Arial negrita texto en blanco en la parte superior del objeto, lo que sugiere que el objeto es un enlace a una lista de productos o la explicación ".
La descripción es del todo exacto, pero completamente inútil.
El propósito de la imagen, en este caso es el de establecer un enlace a la sección de productos de un sitio web.
El alt texto debe tener más en cuenta el objetivo de la imagen en lugar de su aspecto visual.
La mayoría de los usuarios de lectores de pantalla no quiere saber lo que el botón se ve como, sobre todo si la descripción es larga.
Un alt text "Productos" va a hacer muy bien.
La aparición de enlaces
Los enlaces que debe ser similar a los enlaces y por el contrario debe nada más. Los usuarios se sienten frustrados cuando tratan de hacer clic en el texto o las imágenes que se parecen a los enlaces, pero no lo son. También se verán frustrados si tienen que mover el ratón sobre la página para tratar de descubrir los vínculos que no se parecen a los enlaces.
Subrayando
Navegadores subrayan los hipervínculos de forma predeterminada. Es posible quitar el subrayado el uso de CSS, pero es una mala idea la mayoría del tiempo. Los usuarios están acostumbrados a ver los enlaces subrayados. Ellos pueden o no ser capaz de saber lo que el texto es un enlace, si el acuerdo no se cumple con un guión bajo.
Ejemplo
¿Qué palabras o frases en la pantalla de abajo son los vínculos y cuáles no lo son?

Resulta que todos los presentes están los enlaces de texto. Los usuarios pueden hacer clic en el texto en negro o azul. Este tipo de diseños gráficos pide a los usuarios a adivinar o buscar por eliminación o por casualidad. Lo mejor es hacer hincapié en los enlaces en el contenido principal de una página web.
Como con la mayoría de los reclamos, hay excepciones. Aunque los usuarios están acostumbrados a ver los enlaces subrayados en el contenido principal, también están acostumbrados a las principales funciones de navegación de pestañas (a menudo creadas como imágenes en lugar de texto) no aparecen subrayados. De hecho, es muy difícil encontrar un sitio importante que pone de relieve los vínculos de navegación principal.
Ejemplos
Varios sitios Web de relieve los vínculos en el contenido principal, pero no en el menú de navegación como se muestra en las siguientes imágenes.

IBM utiliza el texto. Curiosamente, cuando los usuarios volar sobre el texto con el ratón, el guión parece tranquilizar a los usuarios que son en realidad enlaces. La mayoría de los usuarios ya han dado cuenta de que se trata de enlaces, ya que se asemejan a los de la barra de navegación principal del sitio. Sin embargo, la repentina aparición de atención puede ser útil para algunas personas.

10.000 aldeas para que el sitio utiliza imágenes en lugar de texto. El texto no está subrayado.

Navegación principal del sitio web se basa en Macromedia Flash. El texto no está subrayado.
Vuelcos y el enfoque
Muchos sitios web han implementado efectos de rollover y el enfoque. Estos efectos se utilizan con fines estéticos (los efectos son "cool" y artística). También se utilizan para acceder a la medida en que ayudan a los usuarios saber que el ratón o el teclado en un enlace en particular y el enlace está activo.

En la mayoría de los casos, los efectos son de destacar el enlace de arriba o por debajo del texto.

En otros casos, los colores de cambiar el texto del vínculo.

Esta técnica no se limita a la navegación principal del sitio. También se puede utilizar en los enlaces en el contenido principal.

Para que esto sea independiente del dispositivo, es necesario asegurarse de que puede ser activado por el ratón y el teclado.
En CSS, esto significa usar dos clases :hover y :focus .
Clase :active también se puede utilizar.
Ejemplo
El siguiente CSS va a cambiar el fondo de una luz de enlace amarillo y marrón el enlace de texto cuando el usuario flotar su ratón, el teclado de tabulación para o hace clic en el enlace ya sea con el ratón o con las tecla Enter.
uno: el foco,
a: active
{
background-color: # ffffcc;
color: # 990000;
}
Vínculos comerciales
Derechos de autor 1999-2009 WebAIM












![[París, 06 de diciembre 2011] La Conferencia de la campaña presidencial Web 2012 (Ideos / 2,0 socio electo)](http://www.elus20.fr/images/pdffrance2011_elus20.jpg)























