F31El mismo botón o enlace con nombres distintos en cada página

Por qué es importante

Muchas personas aprenden a usar una web reconociendo sus elementos. Si el mismo botón cambia de nombre, tienen que volver a averiguar qué hace.

• Las personas con discapacidad cognitiva o problemas de memoria pueden pensar que es otra función.
• Quien usa un lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) busca los controles por su nombre. Si el nombre cambia, no los encuentra.
• Quien maneja la web con la voz dice el nombre del botón. Si cambia de una página a otra, la orden falla.

Cómo evitarlo

1. Haga una lista de los elementos que se repiten en el sitio: buscador, menú, enlace de contacto, botones de «Guardar» o «Imprimir», iconos de redes sociales.
2. Dé a cada uno un único nombre y úselo en todas las páginas. Si es «Buscar» en la portada, también lo es en la sede electrónica.
3. Revise también los textos que no se ven: el texto alternativo de los iconos y los atributos aria-label. Un icono de lupa no debe llamarse «Buscar» en una página y «Lupa» en otra.
4. Coherente no significa idéntico. Una flecha de paginación puede decir «Ir a la página 3» y, en la siguiente, «Ir a la página 4». Lo importante es que siga el mismo patrón.
5. Centralice estos componentes en la plantilla o en una guía de estilo. Así nadie los renombra por su cuenta.

Cómo comprobarlo

1. Elija tres o cuatro páginas de tipos distintos: portada, noticia, formulario y página de resultados.
2. Anote el texto visible de los elementos que se repiten: botones, enlaces del menú y del pie, iconos.
3. Inspeccione los iconos y botones sin texto con las herramientas del navegador (tecla F12). Anote su texto alternativo o su aria-label.
4. Compare las listas. Si un elemento con la misma función tiene nombres distintos, se produce el fallo.