Videos comprables que todo tu público puede usar
Los widgets y el reproductor de Storista están creados según WCAG 2.2 nivel AA: cada tarjeta, flecha y control es accesible con el teclado, se anuncia a los lectores de pantalla y respeta la configuración de movimiento reducido de cada comprador. Los subtítulos vienen incluidos en el plan.
No hay nada que configurar. La accesibilidad viene incluida en la app en todos los planes, también en Free.
Integrada desde el principio, no añadida después
La accesibilidad no puede ser un parche que se aplica tras el lanzamiento, cuando los usuarios de teclado y de lectores de pantalla ya se han ido. Estas son cuatro cosas que toda superficie accesible de videos comprables en Shopify debería hacer bien, y cómo las resuelve Storista desde la primera instalación.
Teclado, de principio a fin
Con Tab llegas a cada tarjeta de video, flecha, punto de paginación y botón de añadir al carrito: una parada por elemento, nunca una parada dentro de otra. Enter o Espacio abre un video, Escape cierra el reproductor y el foco vuelve a la tarjeta de la que venías.
Anunciado correctamente
Los controles tienen nombres reales, no solo “botón”: las tarjetas se etiquetan con el título de la publicación, las flechas indican en qué dirección van, y los puntos indican a qué diapositiva llevan y cuál es la actual. Los textos decorativos se ocultan a los lectores de pantalla para que nada se lea dos veces.
Movimiento reducido respetado
Cuando el sistema de un comprador pide movimiento reducido, los carruseles y las stories con desplazamiento automático nunca arrancan: la animación ni siquiera se carga, en lugar de iniciarse y detenerse. El resto de usuarios obtiene un control de pausa que permanece en pausa hasta que lo reanudan.
Objetivos fáciles de pulsar
Los botones de cerrar, los controles de pausa y los puntos de paginación cumplen el tamaño mínimo de objetivo de 24× 24 px, con un anillo de foco visible en cada uno de ellos.
Subtítulos en todos los planes
Los subtítulos son esenciales para un video comprable accesible en Shopify: mucha gente ve videos sin sonido, y los clientes sordos o con dificultades auditivas dependen de ellos. Los cubrimos de dos maneras: sube tu propia pista para cualquier video, o deja que los planes Growth y Scale generen los subtítulos automáticamente.
Free y Starter
Sube tus propios subtítulos
Adjunta una pista de subtítulos a cualquier video que publiques. El reproductor muestra un interruptor de subtítulos donde exista una pista, para que los compradores que los necesitan, o que ven el video sin sonido, tengan las palabras.
Growth y Scale
Subtítulos generados para ti, en 60 idiomas
Los subtítulos se transcriben automáticamente con un modelo de voz de primer nivel que reconoce 60 idiomas, así que un video hablado en cualquiera de ellos obtiene una pista de subtítulos en ese mismo idioma, sin que escribas una sola palabra. Aun así, puedes subir tu propia pista cuando prefieras controlar el texto.
Los subtítulos son un requisito de WCAG 1.2.2 para video pregrabado. Un video sin pista, subida o generada, seguirá marcándose en una auditoría automatizada, así que conviene activarlos.
Todos los widgets, no solo el principal
Un trabajo de accesibilidad que solo cubre el carrusel estrella deja sin cubrir la mayor parte de los videos comprables de una tienda Shopify. Storista aplica las mismas reglas de teclado, etiquetado y foco a todos los formatos:
Carrusel
Una parada de tabulación por tarjeta, con el título de la publicación como nombre. Añadir al carrito y la superposición de producto a pantalla completa son paradas independientes, nunca anidadas dentro de la tarjeta.
Spotlight
Toda la tarjeta activa el video, y el control de silencio queda fuera de ella para que nunca choquen. Las flechas son botones reales.
Stories y círculos
Cada círculo es una parada etiquetada; el texto visible se oculta a los lectores de pantalla para que el nombre se anuncie una sola vez.
Cuadrículas de video y de carrusel
El foco de teclado activa la misma vista previa que el cursor, así que quienes usan teclado ven lo mismo que quienes usan ratón. «Cargar más» es un control de verdad.
Popup
El cuerpo del popup y su botón de cerrar son paradas independientes, y el objetivo de cierre cumple el mínimo de 24 px.
Reproductor a pantalla completa
El foco queda atrapado mientras el reproductor está abierto, el resto de la página se oculta a las tecnologías de asistencia, y al cerrar el foco vuelve al punto de partida. Cerrar, volumen, anterior y siguiente están todos etiquetados.
Auditado y vuelto a auditar
Las afirmaciones necesitan un método detrás. El nuestro combina un análisis automatizado con axe de cada widget y una revisión manual con teclado y lector de pantalla, repetidos en cada versión, para que tus videos comprables en Shopify sigan siendo accesibles versión tras versión. Cada ciclo de auditoría sigue la misma secuencia
0
infracciones de axe en los 9 tipos de widget
Cada widget se renderiza con datos reales de la tienda y se analiza con los conjuntos de reglas A/AA de WCAG 2.0, 2.1 y 2.2, además de las reglas de buenas prácticas de axe.
149
nodos revisados en busca de controles anidados
La regla nested-interactive se cumple en todos: ningún widget coloca un control enfocable dentro de otro control enfocable, que es la forma habitual en que las cuadrículas de video atrapan a los usuarios de teclado.
36
grupos de reglas superados en todo el documento
El análisis de la página completa no reporta ninguna infracción, no solo el marcado de los widgets por separado.
Los análisis automatizados detectan errores estructurales rápido, pero no pueden saber si un reproductor de video tiene sentido para quien lo escucha, así que cada versión sigue pasando por una revisión humana, no por una revisión anual.
Lo que no afirmamos
Cuando se trata de video comprable accesible en Shopify, esto es lo que no afirmamos. Storista controla sus propios widgets y su reproductor, pero algunas partes de una tienda quedan fuera de nuestro alcance:
El contraste de color lo defines tú
El texto de los widgets y los colores de los controles vienen de tus propios ajustes de estilo, así que es posible una combinación que no cumpla el requisito de contraste de 4,5:1. Nada en nuestro código puede garantizarlo: elige colores que lo cumplan y compruébalos si la accesibilidad es un requisito de cumplimiento normativo para ti.
Los subtítulos necesitan una pista
El reproductor muestra subtítulos donde haya una pista, y en Growth y Scale generamos una para ti. Un video sin pista en Free o Starter no tiene nada que mostrar, y una auditoría automatizada lo marcará.
WCAG 2.2 AA es el objetivo, no un certificado
Probamos con los criterios de nivel AA de la versión 2.2 y publicamos lo que se cumple y lo que no. Eso no equivale a una auditoría de terceros ni a un VPAT firmado: si tu proceso de compras necesita uno, habla con nosotros sobre lo que podemos compartir.
Tu tema es parte de la página
Storista es responsable de sus propios widgets y de su reproductor. El orden de los encabezados, los landmarks, el contraste y el comportamiento del foco en el resto de la página dependen de tu tema, y una tienda puede suspender una auditoría por ello aunque todos los widgets la superen.
Preguntas sobre accesibilidad
¿Qué estándar siguen?
¿Tengo que configurar algo?
¿Cómo funcionan los subtítulos en cada plan?
¿Pueden los compradores usar los widgets sin ratón?
¿Qué pasa si un comprador activa el movimiento reducido?
¿Mi CSS personalizado afectará la accesibilidad?
¿Pueden proporcionar un VPAT o una declaración de accesibilidad?
¿Sigues con dudas?
Añade videos comprables sin añadir un problema de cumplimiento
Instala gratis y comprueba cómo se comportan los widgets en tu propia tienda: teclado, lector de pantalla y todo.