Guías 24 de marzo de 2026

Guía de accesibilidad para widgets de vídeo

Guía práctica sobre teclado, subtítulos, contraste, foco y movimiento reducido para crear un widget de vídeo accesible.

Guía de accesibilidad para widgets de vídeo

Puntos clave

  • Una burbuja de vídeo puede considerarse accesible cuando se usa con teclado, ofrece la información adecuada a los lectores de pantalla y permite que cada persona controle la reproducción automática y la pausa.
  • Los widgets de vídeo accesibles permiten que más personas utilicen tu web sin barreras. Reducen riesgos innecesarios y abren el contenido a quienes, de otro modo, podrían quedar fuera.
  • Antes de añadir otro widget de vídeo, revisa la accesibilidad de los que ya tienes en la web.

La accesibilidad de un widget de vídeo depende de que personas con distintas capacidades visuales, auditivas, motoras o cognitivas puedan percibir y controlar el contenido. Una buena solución sigue los criterios WCAG relevantes e incluye transcripción, subtítulos, navegación por teclado y compatibilidad con lectores de pantalla. Muchas empresas solo se ocupan del tema cuando alguien comunica un problema. Si la accesibilidad se integra desde el principio, evitas excluir a una parte importante del público. Una herramienta automática no basta para demostrar el cumplimiento. Hace falta revisar manualmente, probar en distintos dispositivos y, si es posible, contar con usuarios reales. Los costes y las obligaciones legales varían según el país y el caso, por lo que no deben deducirse de cifras generales.

No necesitas ser desarrollador para detectar muchos de los problemas habituales.

Unos cambios concretos pueden eliminar muchas barreras. Revisa el contraste de color, la reproducción automática y la calidad de los subtítulos. Después, intenta usar el widget solo con el teclado. Si no puedes iniciar, pausar y cerrar el vídeo sin ratón, el usuario no tiene suficiente control. La accesibilidad no es algo que se añade al final. Es la base de un widget que realmente pueden utilizar todas las personas que visitan la web.

¿Cuál es la respuesta breve?

Una burbuja de vídeo es accesible cuando se puede alcanzar y controlar con el teclado, funciona con lectores de pantalla y ofrece subtítulos, transcripción y controles comprensibles.

Una burbuja de vídeo que empieza con sonido, oculta el botón de pausa o bloquea la página puede crear barreras importantes e incumplir criterios WCAG relevantes.

Una herramienta automática no puede demostrar por sí sola que el widget sea accesible.

Muchos equipos creen que un análisis automático sin errores equivale a una buena experiencia. Sin embargo, no prueban el widget con teclado, control por voz o lectores de pantalla como NVDA y VoiceOver. Solo una prueba práctica muestra si el recorrido sigue siendo comprensible y se puede completar.

¿Por qué es importante?

La accesibilidad hace que la web sea útil para más personas y reduce el riesgo de que un elemento interactivo impida utilizar la página. Las personas con discapacidad acceden al contenido y la empresa puede prevenir reclamaciones y arreglos urgentes. Las cifras legales de distintas fuentes no siempre son comparables, pero el principio es claro: el widget debe diseñarse para personas reales, no solo para superar un análisis automático. Una burbuja de vídeo puede convertirse en una barrera si el lector de pantalla no entiende su nombre, estado o controles.

Ilustración sobre la importancia de la accesibilidad en widgets de vídeo

Una parte importante de la población vive con una discapacidad permanente o temporal. No es un caso excepcional. Las soluciones que funcionan para estas personas suelen ser más claras para todo el mundo y permiten llegar a usuarios que muchas webs excluyen sin darse cuenta.

Los subtítulos, la transcripción y el control por teclado ayudan a quienes no pueden escuchar el vídeo, usar un ratón o seguir movimientos rápidos. Sin estas funciones, las personas sordas o con pérdida auditiva pierden el contenido hablado, mientras que un lector de pantalla puede encontrar controles sin nombre o un foco atrapado. La reproducción automática y un botón de cierre poco claro empeoran aún más la experiencia.

Quien busca una solución de vídeo accesible suele tener una necesidad concreta. Puede haber recibido un aviso, encontrado un riesgo durante una revisión o visto problemas en otra organización. Sea cual sea el motivo, necesita una solución que puedan utilizar personas reales, no solo un símbolo de cumplimiento.

Los datos de búsqueda también muestran un interés creciente por las experiencias digitales inclusivas. La atención suele aumentar después de nuevas recomendaciones oficiales o casos destacados, y muchas organizaciones planifican sus revisiones y presupuestos a principios de año. Estas búsquedas suelen partir de una necesidad real.

Los costes, las responsabilidades y las obligaciones cambian según el país, el sector y el proyecto. Si tienes dudas sobre tu situación, busca asesoramiento jurídico cualificado.

¿Qué deberías hacer ahora?

Antes de añadir más widgets de vídeo, revisa los que ya están en tu web. Muchos equipos descubren tras recibir un aviso que el reproductor no tiene etiquetas correctas o que sus controles no funcionan con el teclado. Una revisión preventiva facilita la corrección.

Prueba la página con un lector de pantalla. NVDA es gratuito en Windows y VoiceOver viene integrado en los dispositivos de Apple.

Navega solo con la tecla Tab y activa los controles con Enter o la barra espaciadora. Debes poder iniciar y detener el vídeo, ajustar el volumen y cerrar el widget sin usar el ratón. La burbuja de vídeo no debe atrapar el foco ni impedir el acceso a los controles principales de la página.

Añade subtítulos precisos y una transcripción del contenido hablado antes de dedicar tiempo a los detalles visuales. Los subtítulos automáticos de YouTube, Vimeo u otro servicio pueden servir como punto de partida, pero no sustituyen una revisión humana.

Lee los subtítulos con atención y corrige los nombres de hablantes, nombres propios y términos técnicos. Sube un archivo SRT revisado aunque la plataforma afirme que admite accesibilidad.

Comprueba el contraste entre texto, iconos, botones y fondo. Los controles deben seguir siendo visibles sobre distintos fotogramas y en estado activo, inactivo y enfocado. Un icono blanco sobre un fondo muy claro puede desaparecer.

En móvil, los controles deben ser suficientemente grandes y estar separados para que resulte fácil tocarlos. Una interfaz que funciona con ratón puede tener botones demasiado pequeños para un dedo. Prueba distintas orientaciones, tamaños de pantalla y niveles de zoom.

Las personas que utilizan tecnología de apoyo pueden encontrar problemas que las herramientas automáticas no detectan.

Documenta la configuración del widget para que los cambios futuros no deshagan el trabajo. Si la persona que configuró el reproductor deja la empresa, quien lo gestione después debe entender las decisiones sobre contraste, tamaño de botones y reproducción automática.

Repite la revisión después de cada cambio de vídeo, tema, posición o comportamiento. La accesibilidad no es una tarea de una sola vez. Una actualización del CMS, el tema o la plataforma puede restablecer estilos y hacer reaparecer problemas antiguos.

Los widgets de vídeo ponen una cara humana a la experiencia digital, pero también crean retos propios. La reproducción automática, el foco atrapado y la falta de alternativas textuales pueden excluir a personas que usan tecnología de apoyo o prefieren menos movimiento.

A continuación se explican los requisitos técnicos principales para que el widget resulte útil a más personas sin perder la presencia personal que hace valioso el vídeo.

Navegación por teclado y control del foco

Todos los elementos interactivos del widget deben poder alcanzarse con Tab y utilizarse mediante comandos habituales del teclado. Los botones de reproducción y cierre, junto con el control de volumen, deben seguir un orden lógico. El foco tiene que ser visible, nunca debe quedar atrapado en el widget y debe volver al lugar correcto al cerrarlo.

Reglas de reproducción automática y sonido

Un vídeo que comienza automáticamente con sonido puede sorprender o molestar a la persona e incumplir algunos criterios WCAG. Ofrece controles fijos y claramente visibles para pausar, ajustar el volumen y silenciar, incluso cuando el puntero no está sobre el widget.

Los navegadores también aplican reglas distintas a la reproducción automática. Una vista previa sin sonido que inicia el contenido completo tras un clic suele respetar mejor las preferencias y los dispositivos. Aun así, prueba el comportamiento en varios navegadores y tamaños de pantalla.

Alternativas textuales y contraste visual

Todo contenido hablado en vídeo debería tener subtítulos sincronizados y una transcripción para quienes no pueden acceder a la parte visual o auditiva. Asegura un contraste suficiente entre fondo, texto, iconos y estados activos. Añade indicadores de foco claros que no dependan únicamente de un cambio de color.

Seguir las pautas de accesibilidad del W3C te ayuda a convertir los principios en comprobaciones concretas y a evaluar los criterios de nivel AA que exigen muchas organizaciones públicas y procesos de compra.

Movimiento y accesibilidad cognitiva

Los widgets que se deslizan, rebotan, parpadean o laten pueden causar molestias a personas con trastornos vestibulares o distraer a quienes presentan ciertas diferencias cognitivas.

Cuando una persona ha elegido reducir el movimiento en su sistema, el widget debería detectar esa preferencia y permanecer quieto. El vídeo puede seguir disponible sin imponer animaciones a quien las encuentra molestas. El usuario también debería poder detener cualquier movimiento innecesario.

Mejorar la accesibilidad no suele exigir eliminar el vídeo. La mayoría de barreras se reducen con una semántica correcta, controles de teclado y respeto por las preferencias de movimiento y sonido. Así, el widget resulta más predecible y fácil de usar.

Las funciones de accesibilidad pueden cambiar según la versión y la configuración. En CompleteGreet, revisa siempre la instalación actual, incluida la navegación por teclado, el orden del foco, los controles de reproducción y la compatibilidad con movimiento reducido. No des por hecho que una configuración estándar cumple automáticamente todos los requisitos de tu proyecto.

Preguntas frecuentes

¿Cuánto cuesta CompleteGreet para una web con unas 10.000 visitas al mes?

El precio depende del plan actual, el tráfico y las funciones incluidas. Compara el número de visitantes, las burbujas disponibles, el seguimiento y la ayuda incluida. Consulta la página de precios vigente antes de elegir y no confíes en precios mensuales o anuales antiguos.

¿Puedo instalar CompleteGreet en Shopify sin un desarrollador?

Una instalación estándar mediante la aplicación de Shopify puede ser sencilla y no requerir cambios de código. Aun así, el trabajo depende del tema, la posición, el consentimiento, las adaptaciones y las pruebas. Lo mismo se aplica a WordPress, Wix, Squarespace, Webflow y WooCommerce.

¿CompleteGreet cobra por reproducciones, interacciones u otra medida?

La forma de contabilizar el uso puede distinguir entre visitantes únicos, reproducciones e interacciones con el widget. La diferencia importa especialmente cuando una misma persona visita varias páginas. Revisa siempre la definición y los límites del plan, la cuenta o la página de precios vigentes.

¿Cuánto se tarda en publicar un widget de CompleteGreet?

Una instalación sencilla puede ser rápida, pero no existe un plazo válido para todas las webs. La grabación y subida, la posición de la burbuja, los colores, el consentimiento, las pruebas en móvil y las revisiones de accesibilidad afectan al tiempo. Publica solo después de comprobar el resultado real.

¿Sirve CompleteGreet para encuestas y formularios largos de opinión?

CompleteGreet está pensado principalmente para saludos en vídeo, presentaciones de equipo, confianza y respuestas rápidas. No sustituye a una herramienta de encuestas con muchas preguntas, lógica condicional o puntuaciones. Para esos recorridos puede encajar mejor una solución especializada.

¿Qué ocurre si el tráfico supera el límite del plan de CompleteGreet?

Lo que sucede al superar el límite depende del plan, el periodo de facturación y las condiciones vigentes. El widget puede solicitar un cambio de plan o seguir otra regla de la cuenta. Revisa el panel y la página de precios antes de llegar al límite, y no des por hecho que el servicio se detendrá o cobrará un importe adicional de forma automática.

Azad Habib

Azad Habib

CEO & Founder of CompleteGreet

Azad Habib is the founder of CompleteGreet. With a background in ecommerce and user experience, he works at the intersection of trust, clarity, and conversion to help businesses make their websites feel more human from the first click.