Técnica Técnicas generales WCAG 2.2
G220Poner el enlace de contacto siempre en el mismo sitio
Nombre oficial en el W3C: Proporcionar un enlace de contacto en una ubicación coherente
En pocas palabras
Consiste en incluir un enlace «Contacto» en todas las páginas de la web, siempre en la misma posición. Por ejemplo, arriba en la cabecera o al principio del pie de página. Ese enlace lleva a una página con teléfono, correo u otra forma de pedir ayuda.
Por qué es importante
Cuando alguien se atasca en un trámite o no entiende un formulario, necesita encontrar ayuda rápido. Si el contacto cambia de lugar en cada página, tiene que buscarlo de nuevo.
Esto es especialmente difícil para personas con discapacidad cognitiva o problemas de memoria. También ayuda a quien usa lector de pantalla o lupa, porque sabe dónde está el enlace.
Cómo se hace
- Elija una ubicación para el enlace de contacto: la cabecera, el menú principal o el pie de página.
- Póngalo en esa misma ubicación en todas las páginas, también en los pasos de los formularios.
- Mantenga también el mismo orden respecto a los demás enlaces, para que con teclado se encuentre igual.
- Use siempre el mismo texto, como «Contacto».
- Haga que la página de destino tenga datos útiles: teléfono, correo, formulario o chat.
Cómo comprobarlo
- Abra varias páginas de la web con el mismo tamaño de ventana.
- Compruebe que el enlace de contacto aparece en todas y en la misma posición.
- Recorra las páginas con la tecla Tab y verifique que el enlace aparece en el mismo orden.
- Active el enlace y confirme que lleva a datos de contacto reales.
Ver el texto completo del W3C (traducción al español)
Esta es una traducción no oficial al español de la técnica G220 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.
Aplicabilidad
Tecnologías que contengan enlaces
Descripción
El objetivo de esta técnica es proporcionar un mecanismo para encontrar los datos de contacto en una ubicación coherente en todas las páginas, de modo que a los usuarios les resulte más fácil localizarlos. El elemento interactivo de la página web es un enlace a la página de datos de contacto. Su ubicación, tanto en el código como visualmente, es coherente en cada página del conjunto de páginas web cuando se visualizan en una ventana gráfica (viewport) del mismo tamaño. Al activar el enlace, los usuarios llegan a una página web con datos de contacto, como un número de teléfono o una dirección de correo electrónico.
Ejemplos
Un enlace en la parte superior de la página
Una solicitud de empleo en línea pide al usuario muchos tipos de información, como su número de identificación, pero el usuario puede tener varios y no saber cuál introducir. Puede necesitar más información de alguien que responda a su pregunta cuando la ayuda contextual proporcionada no satisface sus necesidades. Uno de los primeros enlaces a los que el usuario llega al recorrer la página con el tabulador se titula «Contact Us» («Contacte con nosotros»). Este enlace también está visualmente en la misma ubicación en cada página. Al activar el enlace, el usuario llega a la página de datos de contacto. La página de datos de contacto contiene la dirección de correo electrónico de un representante de la empresa o de un buzón de información general, que después se comparte con el personal correspondiente.
Un enlace en la región del pie de página
La región del pie de una página web contiene enlaces que se repiten en todas las páginas de un conjunto de páginas web. El orden visual y el orden en el código son coherentes cuando se visualizan en una pantalla del mismo tamaño. Uno de los primeros enlaces de la región del pie de página está etiquetado, visualmente y en el código, como «Contact Us» («Contacte con nosotros»). Un usuario activa el enlace y llega a la página de datos de contacto. La página de datos de contacto contiene la dirección de correo electrónico de un representante de la empresa o de un buzón de información general, que después se comparte con el personal correspondiente.
Un enlace que a veces está dentro de un componente desplegable
En algunas páginas de un conjunto de páginas web hay un enlace a un mecanismo de ayuda directamente en la página. En una o varias páginas del conjunto, el enlace se encuentra dentro de un componente desplegable (disclosure) que ocupa el mismo orden relativo que el enlace situado directamente en la página.
Aunque este ejemplo cumple técnicamente el criterio de conformidad, genera una experiencia de usuario menos coherente y es menos recomendable que colocar de forma coherente un enlace directamente en la página.
Pruebas
Procedimiento
- Determinar si se trata de un conjunto de páginas web con bloques de contenido que se repiten en varias páginas.
- Determinar si al menos uno de los siguientes elementos se incluye o se enlaza en una ubicación coherente:
- Datos de contacto con una persona
- Mecanismo de contacto con una persona
- Opción de autoayuda
- Un mecanismo totalmente automatizado
- Sin cambiar el tamaño de la ventana gráfica (viewport), comprobar que la ayuda identificada está presente en todas las demás páginas web de ese conjunto de páginas web.
Resultados esperados
- Si la comprobación n.º 1 es verdadera, las comprobaciones n.º 2 y n.º 3 son verdaderas.
- En caso contrario, la comprobación n.º 1 es falsa.
Cómo lo comprobamos en ADDAW
En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.
Basado en la técnica G220 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.