Técnica HTML WCAG 2.2
H83Avisar en el enlace de que se abrirá una ventana nueva
Nombre oficial en el W3C: Usar el atributo target para abrir una nueva ventana a petición del usuario e indicarlo en el texto del enlace
En pocas palabras
Si un enlace abre una ventana o pestaña nueva, hay que avisar antes. Se usa el atributo target="_blank", que el navegador reconoce, y además se dice en el propio texto del enlace. Así nadie se encuentra con un cambio de ventana que no esperaba. Lo mejor sigue siendo no abrir ventanas nuevas sin motivo.
Por qué es importante
Una ventana nueva que aparece sin aviso desorienta. Quien usa lector de pantalla (programa que lee en voz alta la pantalla) o una lupa puede no notar el cambio.
Luego el botón «Atrás» no funciona, porque la ventana nueva no tiene historial. La persona cree que se ha perdido o que la web ha fallado.
Cómo se hace
- Piense primero si hace falta abrir otra ventana. Sin
target, el usuario decide cómo abrir el enlace. - Si la abre, use
target="_blank"en el enlace. El navegador y los lectores de pantalla pueden reconocerlo. - Añada el aviso al texto del enlace: «(se abre en una ventana nueva)».
- Si usa un icono para avisar, dele un texto alternativo con ese mismo mensaje.
Cómo comprobarlo
- Pulse los enlaces de la página y observe cuáles abren una ventana o pestaña nueva.
- Para cada uno, revise el código (F12) y confirme que lleva
target. - Compruebe que el texto del enlace, o el texto alternativo de su icono, avisa de la ventana nueva.
- Con un lector de pantalla, escuche el enlace y confirme que el aviso se oye.
Ejemplo
El enlace abre el PDF en otra ventana y lo dice en su propio texto.
<a href="convocatoria-2026.pdf" target="_blank">
Bases de la convocatoria (PDF, se abre en una ventana nueva)
</a>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 H83 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
HTML
Descripción
El objetivo de esta técnica es evitar la confusión que puede provocar la aparición de ventanas nuevas que el usuario no ha solicitado. La apertura repentina de ventanas nuevas puede desorientar a los usuarios, y algunos pueden no percibirla en absoluto. En HTML, el atributo target puede utilizarse para abrir una ventana nueva.
El uso del atributo target proporciona una indicación inequívoca y legible por máquina de que se abrirá una ventana nueva. Los agentes de usuario pueden informar de ello al usuario y también pueden configurarse para no abrir la ventana nueva. Para quienes no utilizan tecnologías de asistencia, la indicación también estaría disponible en el texto del enlace.
Tenga en cuenta que no utilizar el atributo target permite al usuario decidir si se debe abrir o no una ventana nueva.
Ejemplos
Usar el atributo target en un enlace para indicar que se abrirá en una ventana nueva
<a href="help.html" target="_blank">Show Help (opens new window)</a>Pruebas
Procedimiento
- Activar cada enlace del documento para comprobar si abre una ventana nueva.
- Para cada enlace que abra una ventana nueva, comprobar que utiliza el atributo
target. - Comprobar que el texto del enlace contiene información que indica que el enlace se abrirá en una ventana nueva.
Resultados esperados
- Las comprobaciones n.º 2 y n.º 3 son verdaderas.
Recursos
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 H83 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.