iframe-focusable-content

Los marcos con tabindex="-1" no deben contener contenido enfocable

automaticWCAG 2.1.1 (A)confianza: highgravedad: moderateoperable

Comprueba que los elementos <iframe>/<frame> del mismo origen con tabindex="-1" no contengan contenido enfocable, ya que los navegadores no propagan esa restricción al documento incrustado del marco.

Ámbito de aplicación. Se aplica a los elementos <iframe>/<frame> con un tabindex negativo explícito, cuyo documento incrustado es del mismo origen y accesible mediante contentDocument (los marcos de origen cruzado o inaccesibles no afirman nada, véanse las notas de implementación).

Resultado esperado. El documento incrustado del marco no contiene ningún elemento enfocable. Los navegadores no propagan tabindex="-1" del <iframe> anfitrión a su documento incrustado: la tecla Tab puede seguir alcanzando el contenido enfocable de su interior, aunque el propio marco se omita. Un autor que fijó tabindex="-1" con la intención de sacar el marco del orden de tabulación en realidad no lo ha conseguido si el documento incrustado contiene contenido enfocable. Excepción: un iframe con un atributo HTML `width` y `height` de 2px o menos (un patrón habitual de "píxel de seguimiento") no puede renderizar ningún contenido perceptible, por lo que el contenido enfocable en su interior nunca cumple el requisito de "visible" de ACT akn7bn y no cuenta.

Ejemplos

pass
<iframe tabindex="-1" width="300" height="150" srcdoc="<p>No focusable content</p>"></iframe>

`tabindex="-1"` saca el marco del orden de tabulación, y tampoco hay nada enfocable en su interior.

fail
<iframe tabindex="-1" width="300" height="150" srcdoc="<a href='/x'>Link inside</a>"></iframe>

El marco anfitrión se omite mediante `tabindex="-1"`, pero el enlace en su interior sigue siendo alcanzable con Tab: el navegador no propaga el tabindex negativo al documento incrustado.

Ver código fuente