Incrustar video sin romper la accesibilidad

Lo que oye un lector de pantalla

Un video incrustado es un marco de otro sitio web colocado dentro de su página. Un lector de pantalla anuncia el marco antes de que el visitante decida si entrar en él. Si el marco no tiene título, el anuncio es la palabra marco y nada más, o la dirección del servicio de video. El visitante no puede saber si es un mensaje de la directora o un bucle de fondo.

El arreglo es un atributo title en el marco que diga qué es el video: la ponencia de la asamblea anual, un recorrido por la nueva clínica. Las comprobaciones automáticas señalan su ausencia en cada página, y es el hallazgo de accesibilidad más común en los sitios de organizaciones que analizamos.

Los subtítulos son la norma, no el extra

Un video pregrabado con voz necesita subtítulos según la norma de accesibilidad a la que remiten todos los organismos públicos y la mayoría de los financiadores, WCAG 2.1 en nivel AA. Los subtítulos automáticos del servicio de video son un punto de partida y nada más: se pierden nombres, cifras y a cualquiera con acento, y una cifra errónea en un subtítulo es peor que ningún subtítulo.

Presupueste subtítulos corregidos. El servicio de video permite editar el texto automático en el mismo sitio, y un video de diez minutos lleva una media hora de corrección. Los subtítulos también hacen el video buscable y visible sin sonido, que es como la mayoría lo ve en un teléfono.

Nada se reproduce solo

El sonido que arranca sin que nadie lo pida es una barrera para quien usa un lector de pantalla, cuyo propio audio ahoga, y una molestia para todos los demás. La norma es clara: nada de audio que se reproduzca automáticamente durante más de tres segundos a menos que haya un control para detenerlo. Deje la reproducción automática apagada. Si una página necesita un fondo en movimiento, debe estar silenciado, ser corto y poder detenerse.

Una transcripción, o al menos un resumen

Algunos visitantes no pueden usar el video en absoluto: una conexión lenta, un servicio de video bloqueado en una red de oficina, una persona sordociega con una línea braille. Una transcripción debajo del video les sirve y de paso es el texto que indexan los buscadores. Un resumen de dos párrafos es el mínimo aceptable cuando no hay transcripción completa.

Cómo hacerlo en WordPress

El bloque de incrustación estándar toma un enlace y no le da ningún campo para el título del marco. La forma fiable es un bloque HTML personalizado con el código de incrustación del servicio de video, editado a mano.

El mismo fragmento resuelve otros dos problemas. El atributo lazy evita que el reproductor se cargue hasta que el visitante se acerque al desplazarse, lo que quita un reproductor pesado del primer pintado. La dirección de privacidad del servicio, cuando la ofrece, impide que el servicio ponga cookies hasta que el visitante pulse reproducir, lo que importa para el aviso de privacidad de su propio sitio.

<iframe
  src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
  title="2026 annual meeting: the executive director's report"
  loading="lazy"
  allow="picture-in-picture"
  allowfullscreen>
</iframe>

Dé al marco un ancho y un alto en los estilos de la página para que reserve su espacio antes de cargarse. De lo contrario la página salta cuando llega el reproductor, que es el tema de una parte anterior de esta serie.

Qué detecta la auditoría gratuita

La auditoría gratuita comprueba la portada con las mismas reglas automáticas de accesibilidad con las que empieza un revisor de cumplimiento. Un marco sin título se reporta por su nombre. La reproducción automática se reporta cuando el reproductor la declara. Los subtítulos y las transcripciones no puede comprobarlos una máquina, y justo por eso son lo que debe comprobar usted.