Fallo común Fallos comunes WCAG 2.2
F96Fallo debido a que el nombre accesible no contiene el texto de la etiqueta visible
En resumen
Este fallo se produce cuando el nombre accesible de un botón, enlace o campo (definido con aria-label, aria-labelledby o texto oculto) no incluye literalmente el texto que se ve en pantalla. Quien usa reconocimiento de voz pronuncia lo que lee, por ejemplo «pulsar Buscar», y el control no responde. Revíselo cada vez que añada texto oculto o atributos ARIA para «mejorar» una etiqueta visible: el texto visible debe aparecer íntegro en el nombre accesible.
Aplicabilidad
Todas las tecnologías que incluyen controles interactivos (como enlaces o campos de formulario).
Descripción
El objetivo de este fallo es describir situaciones en las que los usuarios de entrada por voz no pueden pronunciar de forma fiable el nombre de un control porque difiere de la etiqueta visible.
Cuando los usuarios de entrada por voz interactúan con una página web, normalmente pronuncian una orden seguida de la referencia a alguna etiqueta visible (como el texto de un botón o de un enlace, o el texto que etiqueta un campo). Si la etiqueta visible no coincide con el nombre accesible del control, es posible que los usuarios de voz no puedan activar directamente ese control.
Existen técnicas que van más allá del texto de la etiqueta visible de los elementos. La idea es proporcionar más contexto a los usuarios de tecnologías de asistencia para quienes el contexto visual puede no estar disponible. Algunos ejemplos son el uso de texto oculto accesible (por ejemplo, posicionado fuera de la pantalla), el uso del atributo aria-label para sobrescribir el texto de la etiqueta, o el uso del atributo aria-labelledby para componer un texto de etiqueta a partir de una o varias cadenas de la página.
Cuando el uso de estas técnicas da lugar a un nombre accesible en el que no aparece la cadena exacta de la etiqueta visible, es posible que los usuarios de voz no puedan activar ese control. Consulte el algoritmo de Accessible Name and Description Computation para conocer el orden de precedencia al calcular el nombre accesible de un control.
Ejemplos
Discrepancia entre el texto visible de un botón y el nombre accesible proporcionado mediante aria-label
El texto de un botón de búsqueda dice "Go" (ir), pero el nombre accesible proporcionado en un atributo aria-label es "Find in this site" (buscar en este sitio).
<button id="sitesearch" aria-label="Find in this site">Go</button>
Un texto de enlace invisible interrumpe la cadena de texto de la etiqueta visible en el nombre accesible
Un enlace de descarga dice "Download specification" (descargar especificación), pero hay texto de enlace invisible, de modo que el nombre accesible de ese enlace es "Download gizmo specification" (descargar especificación del artilugio). Aunque el texto de la etiqueta visible está contenido en el nombre accesible, no hay una coincidencia de cadena, lo que puede impedir que el enlace se active mediante entrada por voz.
<a href="#">Download <span class="accessibly-hidden">gizmo</span> specification</a>Campo con una etiqueta oculta cuyo texto difiere del atributo value del campo
Un campo de type="submit" con value="search" (buscar), que se muestra como etiqueta visible del campo, tiene una etiqueta vinculada por software y oculta de forma accesible que contiene el texto "Find in this site" (buscar en este sitio), referenciada mediante aria-labelledby. Como aria-labelledby tiene precedencia sobre el valor del campo, el nombre accesible del campo en la mayoría de las combinaciones de navegador y lector de pantalla será "Find in this site". Los usuarios de voz que pronuncien una orden como «Click search» (pulsar buscar) no podrán activar el campo.
<div id="hidden-label">Find in this site</div>
<input type="submit" aria-labelledby="hidden-label" value="search">
Pruebas
Procedimiento
Para todos los controles con una etiqueta visible (por ejemplo, texto de enlace, texto de botón, etiqueta vinculada por software, imágenes con texto dentro de enlaces), comprobar que:
- El nombre accesible es igual que la etiqueta visible.
- El nombre accesible contiene una coincidencia con la cadena de la etiqueta visible.
Resultados esperados
- Si las comprobaciones n.º 1 y n.º 2 son falsas, el contenido falla el criterio de conformidad.
Cómo lo comprobamos en ADDAW
Este fallo es uno de los que buscamos en cada auditoría de accesibilidad de ADDAW: lo documentamos con capturas y el código afectado, indicamos el criterio que incumple y la técnica suficiente con la que se corrige. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica F96 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
