¿Cómo se hace accesible el video?

Los videos no son intrínsecamente accesibles. Incluso si el contenido proviene de una fuente externa, como un camarógrafo o un canal de YouTube, usted sigue siendo responsable de garantizar que todos los visitantes de su sitio web puedan acceder a él por completo.

El video puede servir para muchos propósitos para un sitio web:

• Los videos de la página de inicio que presentan a los fundadores de la empresa o recorridos ilustrados de una solución pueden servir como una bienvenida única al sitio;
• Los videos de productos brindan a los clientes una mejor visión de su inventario, lo que ayuda en el proceso de toma de decisiones;
• Los videos de fondo pueden ser un buen cambio de ritmo con respecto al contenido estático;
• Los videos de publicaciones en blogs pueden proporcionar a los lectores un enfoque alternativo para consumir contenido;
• El contenido de video brinda a los sitios web mejores oportunidades para clasificar en la búsqueda (como aparecer debajo de Google Videos o en el primer SERP para una pregunta relevante de “cómo”).

Lo último que querría es pasar todo ese tiempo diseñando su sitio web para que sea accesible solo para que el video (que siempre es una parte crucial del contenido) sea inaccesible.

A continuación, veremos lo que puede hacer para que el video sea accesible en su sitio web.

1. Siga las prácticas recomendadas de accesibilidad de vídeo

Cuando hablamos de cómo hacer que los videos sean accesibles, lo que en última instancia estamos tratando de hacer es resolver dos grandes problemas:

1. Para permitir que todos consuman el contenido en su totalidad;
2. Para que todos puedan controlar la reproducción del contenido.

Esto tampoco se aplica solo a los visitantes que tienen discapacidades visuales o auditivas. Los videos accesibles son útiles para las personas que pueden tener limitaciones situacionales (como alguien que viaja en el autobús a casa y puede ver el video, pero no escucharlo porque no tiene auriculares).

Esto es lo que puede hacer para ayudar a todos sus visitantes a consumir su contenido de video en su totalidad:

Desactivar reproducción automática y bucle

Nadie quiere ingresar a un sitio web o una nueva página web, solo para que el video comience a reproducirse. Esto es especialmente cierto para aquellos que tienen problemas de visión y tienen que depender de los lectores de pantalla para navegar hacia los controles que desactivan la reproducción automática de videos.

Por lo tanto, recuerde deshabilitar la reproducción automática y las funciones de reproducción automática antes de publicar un video en su sitio.

Habilitar subtítulos

Los subtítulos son básicamente un guión que aparece dentro de su video. Entonces, al igual que el guión de una película o una obra de teatro, los subtítulos son anotaciones sincronizadas que explican lo que se escucha.

Además del discurso en sí, los subtítulos pueden incluir cosas como:

• Los títulos y los nombres de los capítulos se muestran pero no se dicen en voz alta;
• Nombres de canciones o letras que se reproducen de fondo;
• Notas sobre ruidos ambientales.

Hay dos tipos de subtítulos que puede utilizar. Subtítulos abiertos se muestra automáticamente cada vez que alguien reproduce su video. Subtítulos debe ser activado por la persona que mira el video.

Si bien algunos software de reproducción de video pueden ofrecerle la generación automática de subtítulos, es mejor hacerlo por su cuenta. (Verás por qué más tarde).

Habilitar subtítulos

Para los visitantes que no hablan el idioma nativo del video, asegúrese de que los subtítulos estén habilitados o que los haya incluido (si está preparando el suyo).

Agregue descripciones de audio cuando sea necesario

Mientras que los subtítulos capturan el audio de un video, generalmente no describen lo que está en la pantalla. Esto puede comprometer la capacidad de los usuarios con discapacidad visual para comprender lo que está sucediendo si hay algo relevante en las imágenes (como texto en pantalla o algún tipo de acción que no se describe en voz alta).

Por lo tanto, además de los títulos y subtítulos, es posible que necesite descripciones de audio adicionales o una pista de audio separada por completo para complementar el video.

Proporcionar una transcripción

Las transcripciones son un cruce entre subtítulos y descripciones de audio. Esencialmente, una transcripción debe capturar todo del video:

• El discurso;
• Títulos, subtítulos y otro texto en pantalla;
• Descripciones de la actividad en pantalla;
• Vínculos referenciados o compartidos en pantalla.

A diferencia de los subtítulos, las transcripciones generalmente se encuentran fuera de un reproductor de video, ya sea escritas en la página en HTML o proporcionadas a través de un enlace o descarga. Las transcripciones interactivas son un poco diferentes, ya que se adjuntan directamente a los reproductores de video (le mostraré un ejemplo a continuación).

Formatee correctamente el texto en pantalla

Incluso si no puede o no puede dar a sus visitantes la capacidad de diseñar los subtítulos en pantalla, es importante considerar cuidadosamente cómo sus elecciones pueden afectar su capacidad para leerlo, lo que incluye:

• Color de texto;
• Color de fondo;
• Color de video;
• Relación de contraste de color de texto a fondo;
• Relación de contraste de color de texto a video;
• Tamano del texto;
• Colocación de texto en pantalla;
• Sincronización de texto con voz;
• Tiempo que se muestra cada línea de texto.

Evite el parpadeo del contenido

Es posible que los visitantes que son propensos a sufrir convulsiones, mareos o náuseas no respondan bien al contenido parpadeante, intermitente o estroboscópico de su sitio. Además, tenga cuidado con el uso de ilusiones ópticas, ya que pueden desorientar, molestar o distraer a algunos visitantes por igual.

Etiquetar claramente los elementos interactivos

Si tiene algún control sobre cómo está diseñado el reproductor de video o los elementos interactivos que contiene, asegúrese de que cada centímetro esté claramente etiquetado. Los botones sin etiquetas o con convenciones de nomenclatura originales pueden confundir a sus visitantes, así que quédese con las etiquetas probadas y verdaderas que usan todos los demás.

Habilitar la compatibilidad con el teclado

Antes de publicar videos en su sitio, asegúrese de que los lectores de pantalla y los teclados puedan acceder a ellos por completo. Eso no solo significa poder encontrar el reproductor de video en la página. Significa controlar funciones como el volumen, habilitar subtítulos o el avance rápido.

2. Utilice un reproductor de video accesible

Hay una serie de opciones de reproductor de video que vienen con funciones de accesibilidad integradas. Estas son algunas de las opciones más populares e independientes del sistema operativo:

YouTube

YouTube es una solución popular para compartir videos, por lo que puede tener la tentación de usar esta opción. Sin embargo, las únicas funciones de accesibilidad de video con las que viene listo para usar son:

• Subtítulos;
• Subtítulos.

Incluso entonces, depende de usted proporcionar y perfeccionar los subtítulos para sus visitantes con discapacidad auditiva. Cuando subes un nuevo video (o editas uno existente), tienes la opción de subir subtítulos o leyendas:

Su archivo .srt se puede preparar con o sin tiempo (aunque el tiempo es ideal).

Si no tiene los subtítulos preparados, siempre puede confiar en el sistema de subtítulos automáticos de YouTube. No van a ser bonitos, por lo que aún necesitará usar YouTube Studio para ingresar y editar la transcripción para que se alinee con lo que se está diciendo:

Pero al menos le ahorrará tiempo al escribirlos todos desde cero.

Al final, los visitantes de su sitio web podrán habilitar subtítulos a través del pequeño ícono “CC” en la parte inferior derecha del reproductor de video de YouTube. Así es como aparecerán cuando se reproduzcan dentro de su video:

Los usuarios tienen poco o ningún control sobre cómo se muestran estos subtítulos, aparte de que YouTube los traduzca a otro idioma de su elección.

Yo diría que esta opción está bien para usar si ya tiene contenido de YouTube en su sitio web y desea solucionar rápidamente algunos de los problemas de inaccesibilidad. Pero tenga en cuenta que hay mucho más que debe hacer para que los videos sean accesibles al 100%.

Jugador de JW

Jugador de JW Puede que no sea gratuito o tan conocido como YouTube, pero este reproductor de video HTML5 hará mucho más en cuanto a accesibilidad.

Por ejemplo, puede usarlo para habilitar los subtítulos opcionales:

Se proporciona soporte multilingüe, por lo que sus usuarios no se relegan automáticamente al idioma principal del video.

JW Player también permite a los espectadores diseñar los subtítulos como mejor les parezca:

Pueden cambiar las siguientes configuraciones desde la configuración en el reproductor de video:

• Color de fuente;
• Opacidad de fuente;
• Tamaño de fuente;
• Familia tipográfica;
• Estilo de borde de carácter;
• Color de fondo;
• Opacidad de fondo;
• Color de la ventana;
• Opacidad de la ventana.

Otra característica de accesibilidad incluida es la pista de audio HLSV4:

Si bien JW Player recomienda usar una pista de audio para algo así como el comentario del director sobre una película, puede usar esto para proporcionar comentarios importantes sobre lo que está sucediendo en la pantalla (es decir, descripciones de audio). Por ejemplo, si alguien tiene una discapacidad visual pero puede escuchar el video, la pista de audio explicaría los detalles en la pantalla a medida que ocurren.

Otra característica de accesibilidad útil que viene con JW Player es la transcripción interactiva:

Las transcripciones son útiles tanto para usuarios con discapacidad visual que tienen lectores de pantalla como para usuarios con discapacidad auditiva que necesitan asistencia de audio. Y con esta transcripción interactiva, los usuarios pueden buscar frases clave en la transcripción, lo que la convierte en una característica increíblemente útil para todos los usuarios.

Cómo hacer que el video sea accesible

Cuando desee que los videos sean accesibles, debe pensar en cómo se puede percibir el contenido desde todos los ángulos.

• Si alguien no pudiera escuchar el audio, ¿qué más necesitaría para comprender el contenido en pantalla?
• Si alguien no pudiera ver el video, ¿qué podría hacer para ayudarlo a visualizar lo que está en la pantalla?
• Si alguien no pudiera controlar el video con un mouse pad, ¿cómo navegaría por la configuración del reproductor de video?

En otras palabras, piense realmente en lo que tiene que hacer para asegurarse de que la experiencia de nadie se vea comprometida por la falta de accesibilidad de video en su sitio. Al utilizar las pautas anteriores y los reproductores multimedia accesibles y amigables, tendrá un buen comienzo.

Foto principal vía Unsplash.