Marco incrustado sin título

WCAG 4.1.2, 2.4.1 (A) · EN 301 549 9.4.1.2

Hay un <iframe> sin atributo title.

Por qué importa

Al navegar por lectores de pantalla se pueden listar los marcos de la página. Sin título aparecen como «marco», «marco», «marco», y hay que entrar en cada uno para saber cuál es el vídeo, cuál el mapa y cuál el chat.

Es una corrección de treinta segundos por marco y sale en todos los informes de auditoría.

Cómo se arregla

Añade un title que describa qué contiene el marco. Si el iframe es un píxel de seguimiento invisible, márcalo con aria-hidden="true" además de ocultarlo.

<iframe src="https://www.youtube.com/embed/xyz"></iframe>

<iframe src="https://www.youtube.com/embed/xyz"
        title="Vídeo: cómo elegir tu talla"></iframe>

En tu plataforma

• Shopify

  Si el vídeo viene de un bloque del tema, edita la plantilla en Tienda online › Temas › Editar código y añade el title al iframe.

• WooCommerce

  Los iframes de YouTube insertados con el editor de bloques heredan el title del bloque; revisa los insertados a mano en HTML personalizado.

Relacionado

• Botón de imagen sin texto alternativo
• Campos de formulario sin etiqueta
• Botones sin nombre
• Enlaces sin nombre