Los videos no son inherentemente accesibles. Incluso si el contenido proviene de una fuente externa, como un camarógrafo o un canal de YouTube, aún es 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 los 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 del contenido estático;
- Los videos de publicaciones de blog pueden proporcionar a los lectores un enfoque alternativo para consumir contenido;
- El contenido de video brinda a los sitios web mejores oportunidades para clasificarse en la búsqueda (como aparecer en Google Videos o en el primer SERP para una pregunta relevante de «cómo hacer»).
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 qué puede hacer para que el video sea accesible en su sitio web.
1. Siga las mejores prácticas de accesibilidad de video
Cuando hablamos de cómo hacer que los videos sean accesibles, lo que en última instancia intentamos hacer es resolver dos grandes problemas:
Esto no solo se aplica a los visitantes que tienen impedimentos visuales o auditivos. Los videos accesibles son útiles para las personas que pueden estar limitadas por la situación (como alguien que viaja en 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:
Deshabilitar la reproducción automática y el 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 lectores de pantalla para navegar a 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 un guión para 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:
- Títulos y nombres de capítulos mostrados pero no pronunciados en voz alta;
- Nombres de canciones o letras que se reproducen de fondo;
- Notas sobre los 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 encendido por la persona que ve el video.
Si bien algunos programas de reproducción de video pueden ofrecer la generación automática de subtítulos para usted, es mejor que lo haga por su cuenta. (Verás por qué más adelante).
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 uno propio).
Agregue descripciones de audio cuando sea necesario
Mientras que las leyendas y los subtítulos capturan el audio de un video, generalmente no describen lo que hay en la pantalla. Esto puede comprometer la capacidad de los usuarios con discapacidad visual para comprender lo que sucede 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 las leyendas y los subtítulos, es posible que necesite descripciones de audio adicionales o una pista de audio separada por completo para complementar el video.
Proporcione una transcripción
Las transcripciones son un cruce entre subtítulos y descripciones de audio. Esencialmente, una transcripción debe capturar todo, desde el video:
- El discurso;
- Títulos, subtítulos y otros textos en pantalla;
- Descripciones de la actividad en pantalla;
- Enlaces referenciados o compartidos en pantalla.
A diferencia de los subtítulos, las transcripciones generalmente viven 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 (a continuación, le mostraré un ejemplo).
Formatear correctamente el texto en pantalla
Incluso si no les da 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 de leerlo, incluyendo:
- Color de texto;
- Color de fondo;
- color de vídeo;
- 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 la pantalla;
- Sincronización de texto con voz;
- Tiempo de visualización de cada línea de texto.
Evite el contenido parpadeante
Es posible que los visitantes que son propensos a sufrir convulsiones, mareos o náuseas no respondan bien a cualquier contenido parpadeante, parpadeante o estroboscópico en su sitio. Además, tenga cuidado al usar ilusiones ópticas, ya que pueden desorientar, perturbar o distraer a algunos visitantes.
Etiquete claramente los elementos interactivos
Si tiene algún control sobre cómo se diseña el reproductor de video o cómo se etiquetan los elementos interactivos, asegúrese de que cada centímetro esté claramente etiquetado. Los botones sin etiquetas o con convenciones de nomenclatura extravagantes pueden despistar a sus visitantes, así que quédese con las etiquetas comprobadas que todos los demás usan.
Habilitar soporte de 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 significa solo poder encontrar el reproductor de video en la página. Significa controlar funciones como el volumen, habilitar los subtítulos o el avance rápido.
2. Use un reproductor de video accesible
Hay una serie de opciones de reproductores 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 sentirse tentado a 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 refinar los subtítulos para sus visitantes con discapacidad auditiva. Cuando carga un video nuevo (o edita uno existente), tiene la opción de cargar subtítulos o subtítulos:
Su archivo .srt se puede preparar con o sin tiempo (aunque el tiempo es ideal).
Si no tiene 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 deberá usar YouTube Studio para ingresar y editar la transcripción para alinearla con lo que se habla:
Pero al menos te ahorrará tiempo escribiéndolos todos desde cero.
Al final, los visitantes de su sitio web podrán habilitar los 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.
Diría que esta opción está bien 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 100% accesibles.
Jugador JW
Jugador 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:
Se proporciona soporte multilingüe, por lo que sus usuarios no se ven relegados 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 del 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 función de accesibilidad incluida es la pista de audio HLSV4:
Si bien JW Player recomienda usar una pista de audio para algo como colocar los comentarios del director sobre una película, puede usar esto para brindar comentarios importantes sobre lo que sucede 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 función 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 desea 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 pudo ver el video, ¿qué podría hacer para ayudarlo a visualizar lo que hay en la pantalla?
- Si alguien no pudiera controlar el video con un mouse pad, ¿cómo navegaría a través de 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 a los videos en su sitio. Si utiliza las pautas anteriores y los reproductores multimedia accesibles, tendrá un buen comienzo.
Foto principal a través de Unsplash.