Diseño web en Tecoman
Vínculos
6.1Texto de los vínculos Puntos de verificación en esta sección:
13.1 Identifique claramente el objetivo de cada vínculo. [Prioridad 2]
Diseño web en Tecoman Un buen texto para un vínculo de no debería ser demasiado general; no utilice frases como “pinche aquí”. Esta frase no sólo es específica a un dispositivo (implica un dispositivo de apuntamiento) sino que no indica nada acerca de lo que se encontrará si se sigue el vínculo. En lugar de «pinche aquí», el texto del vínculo debería indicar la naturaleza del objetivo del vínculo, como en “más información sobre los leones marinos” o “versión sólo-texto de esta página”. Tenga en cuenta que, para este último caso (y otros documentos con formato o idioma específicos), se insta a los desarrolladores de contenido a usar la negociación del contenido como alternativa, de forma que los usuarios que prefieran las versiones de texto las obtengan automáticamente. Además de textos claros en los vínculos, los desarrolladores de contenido pueden especificar un valor del atributo “title” que clara y concisamente describa el objetivo del vínculo. Si hay más de un vínculo en una página con el mismo texto, todos estos vínculos deben remitir al mismo recurso. Esta coherencia ayudará al diseño de la página tanto como a la accesibilidad. Si dos o más vínculos van referidos a objetivos diferentes pero comparten el mismo texto, distinga los vínculos especificando un valor diferente para el atributo «title» de cada elemento A.Diseño web en Tecoman
Los «usuarios auditivos» — personas ciegas, con dificultades de visión o que utilizan mecanismos con pantallas pequeñas o sin pantalla — no pueden revisar rápidamente una página de un vistazo. Para tener una visión rápida de la página o encontrar rápidamente un vínculo, estos usuarios a menudo saltarán de un vínculo a otro con la tecla tabulador o revisarán una lista de vínculos disponibles en una página. Así pues, para una serie de vínculos relacionados, incluya información introductoria en el primer vínculo e información distintiva en los vínculos siguientes. Ello proporcionará información contextual para los usuarios que los leen en orden secuencial. Ejemplo.Diseño web en Tecoman
<A href=»my-doc.html»>Mi documento está disponible en HTML</A>
<A href=»my-doc.pdf» title=»Mi documento en PDF»>PDF</A>
<A href=»my-doc.txt» title=»Mi documento en formato texto»>texto</A>