Técnica Técnicas generales WCAG 2.2
G197Usar el mismo nombre para los elementos que hacen lo mismo
Nombre oficial en el W3C: Usar etiquetas, nombres y alternativas textuales coherentes para el contenido que tiene la misma funcionalidad
En pocas palabras
Si dos botones, enlaces o campos hacen lo mismo, deben llamarse igual. Por ejemplo, si hay un buscador arriba y otro abajo, los dos se llaman «Buscar». Así la persona reconoce la función y sabe qué va a pasar.
Por qué es importante
Si un enlace dice «Contacto» arriba y «Escríbanos» abajo, mucha gente pensará que llevan a sitios distintos.
- Las personas con discapacidad intelectual o problemas de memoria se confunden con facilidad.
- Las personas ciegas no ven el icono ni la posición; solo oyen el nombre.
Con nombres coherentes se cometen menos errores y se aprende antes a usar la web.
Cómo se hace
- Haga una lista de las funciones que se repiten: buscar, contacto, imprimir, más información, volver al inicio.
- Elija un nombre para cada una y úselo siempre igual en la página.
- Aplique la misma regla al texto alternativo de los iconos: la lupa, siempre «Buscar».
- Mantenga la misma coherencia en todas las páginas del sitio.
- Si dos elementos se llaman igual, asegúrese de que de verdad hacen lo mismo.
Cómo comprobarlo
- Localice los elementos que se repiten en la página y en el sitio.
- Compruebe que cada uno tiene un nombre: texto visible, etiqueta o texto alternativo.
- Compare los nombres de los que hacen lo mismo: deben ser idénticos.
- Con el lector de pantalla, abra la lista de enlaces y la de botones para ver los nombres juntos.
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 G197 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
Todo el contenido.
Descripción
El propósito de esta técnica es ayudar a los usuarios con discapacidades cognitivas, ceguera o pérdida de visión a comprender qué ocurrirá cuando interactúen con una función de una página web. Si los componentes de la interfaz de usuario (es decir, elementos, enlaces, objetos JavaScript, etc.) que tienen la misma función llevan etiquetas distintas, el usuario no sabrá que se ha encontrado con un componente que tiene la misma función y no sabrá qué esperar. Esto podría dar lugar a muchos errores innecesarios. También se recomienda aplicar este enfoque de etiquetado coherente en todo el sitio web.
Ejemplos
- Una página web tiene un campo de formulario en la parte superior de la página etiquetado como «Buscar». En la parte inferior de la página hay otro campo de formulario que ofrece la misma función. También está etiquetado como «Buscar».
- Se utiliza la imagen de un signo de interrogación para dirigir a los usuarios a las secciones de la página que ofrecen información adicional. Cada vez que aparece la imagen del signo de interrogación tiene la misma alternativa textual: «más información».
- Un enlace a la página «Contacte con nosotros» de un sitio web tiene el texto de enlace «Contacto». En la parte inferior de la página hay un enlace que también lleva a la página «Contacte con nosotros». También tiene el texto de enlace «Contacto».
Pruebas
Procedimiento
- Comprobar que cada componente está asociado a un texto que lo identifica (es decir, una etiqueta, un nombre o una alternativa textual).
- Comprobar que este texto asociado es idéntico para todos los componentes de la interfaz de usuario que tienen la misma función.
Resultados esperados
- Las comprobaciones n.º 1 y n.º 2 son verdaderas.
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 G197 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.