Título del marco

Silktide comprueba que cada marco visible incrustado en tus páginas tenga un título legible que describa su contenido. Los marcos sin título obligan a las personas que usan tecnología de apoyo a entrar y explorarlos solo para averiguar qué son.

El título va en el propio elemento del marco, mediante el atributo title; una etiqueta <title> dentro de la página mostrada en el marco no es suficiente:

<!-- Falta: nada indica a la tecnología de apoyo qué es este marco -->
<iframe src="ad.html"></iframe>

<!-- Corregido: el atributo title da nombre al marco -->
<iframe title="Anuncio" src="ad.html"></iframe>

Por qué es importante

Los marcos suelen contener vídeos, mapas, anuncios, formularios de pago y widgets de chat. Un lector de pantalla enumera los marcos de una página por sus títulos para que las personas usuarias decidan a cuál entrar. Sin un título, el marco se anuncia como un marco anónimo —o por su nombre de archivo— y la persona usuaria debe navegar dentro de él y explorar su contenido para averiguar qué es.

Cómo solucionarlo

1. Añade un atributo title a cada <iframe> o <frame> señalado, describiendo brevemente su contenido: "Anuncio", "Vídeo: recorrido por el producto", "Chat en directo".
2. Asegúrate de que el título contenga palabras reales: los espacios en blanco o solo símbolos no cuentan.
3. Si un marco es puramente técnico y no muestra nada, como un píxel de seguimiento, escóndelo de la tecnología de apoyo, por ejemplo haciéndolo invisible o añadiendo aria-hidden="true". Los marcos ocultos no necesitan título.

Cómo lo comprueba Silktide

1. Encuentra todos los elementos <iframe> y <frame> de la página.
2. Omite los marcos que son invisibles y los ocultos a los lectores de pantalla con aria-hidden: la tecnología de apoyo no puede seleccionarlos, así que no necesitan título. Los marcos invisibles son comunes para el código de seguimiento y los complementos sociales.
3. Comprueba que los marcos restantes tengan un atributo title con texto significativo, es decir, al menos una letra o un número. Un título compuesto solo por espacios, signos de puntuación o emojis no es válido.
4. Señala cada marco visible que no tenga un título significativo.

Si un título existente describe realmente su marco se trata por separado en Títulos de los marcos.

Más información

• Comprender el Criterio de Éxito 2.4.1: Omitir bloques (WCAG 2.2)
• H64: Uso del atributo title del elemento iframe (técnica WCAG)
• Títulos de los marcos