Técnica Técnicas generales WCAG 2.2
G149Usar componentes de interfaz de usuario que el agente de usuario resalta al recibir el foco
En resumen
Esta técnica consiste en emplear controles estándar (enlaces, campos de texto, botones...) para que sea el propio navegador quien muestre el indicador del foco, sin necesidad de programarlo. Así, quien navega con teclado sabe en todo momento dónde se encuentra de una forma coherente y predecible. Es la vía más sencilla de cumplir el criterio de foco visible y conviene recordarla antes de sustituir controles nativos por componentes a medida o de eliminar el contorno del foco con CSS.
Aplicabilidad
Todas las tecnologías con resaltado del foco proporcionado por el agente de usuario.
Descripción
El objetivo de esta técnica es asegurar que el usuario pueda identificar visualmente el componente que tiene el foco apoyándose en la compatibilidad del agente de usuario. Es habitual que los agentes de usuario resalten de alguna manera los controles estándar cuando reciben el foco. Los agentes de usuario conformes con las UAAG lo hacen cuando satisfacen el punto de verificación 10.2, «Highlight selection, content focus, enabled elements, visited links» (resaltar la selección, el foco del contenido, los elementos habilitados y los enlaces visitados). Cuando los autores utilizan controles estándar para los que el agente de usuario ofrece esta compatibilidad, los usuarios conocen la ubicación del foco de una forma estándar y predecible.
Ejemplos
- Cuando los campos de entrada de texto de HTML reciben el foco, los navegadores muestran una barra vertical parpadeante en el punto de inserción del campo de texto.
- Cuando los enlaces de HTML reciben el foco, quedan rodeados por un rectángulo de puntos que resalta el foco.
Pruebas
Procedimiento
Para cada componente enfocable de la página web:
- Situar el foco en el control
- Comprobar si el agente de usuario ha resaltado el control de alguna manera
Resultados esperados
- La comprobación n.º 2 es verdadera.
Recursos
- User Agent Accessibility Guidelines 10.2: Highlight selection, content focus, enabled elements, visited links (Pautas de accesibilidad para agentes de usuario, punto 10.2: resaltar la selección, el foco del contenido, los elementos habilitados y los enlaces visitados)
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. 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 G149 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.
