Accesibilidad en Black Friday: prueba tu campaña antes del pico de ventas
En Black Friday tu tienda se llena de cuentas atrás, pop-ups, banners que cambian solos y precios tachados. Muchas veces se añaden deprisa con herramientas de marketing, después de la última revisión de accesibilidad, y son justo lo que puede impedir que un cliente compre. Pruébalos con un lector de pantalla antes del 27 de noviembre y arregla primero los bloqueos más graves.
Si todavía no has revisado lo básico de tu proceso de compra, empieza por nuestra revisión del checkout en 10 minutos. Ahí verás las etiquetas de los campos, los botones y los mensajes de error. Esta guía es el siguiente paso: los elementos de campaña que más fallan, una prueba de 20 minutos con lector de pantalla y lo que aún puedes arreglar antes del pico de ventas.
En resumen:
- Las cuentas atrás, los pop-ups y los banners de campaña suelen publicarse después de la última revisión de accesibilidad.
- Revisa primero lo básico del checkout y después recorre la campaña con un lector de pantalla, en el ordenador y en el móvil.
- Lo que más falla: temporizadores del carrito, pop-ups, banners, avisos de stock, precios tachados y CAPTCHA.
- Los ajustes y el contenido se corrigen antes del pico. Los cambios de código, mejor planificarlos para después.
- Desde el 28 de junio de 2025, los servicios de comercio electrónico están dentro del Acta Europea de Accesibilidad.
¿Por qué una campaña de Black Friday necesita su propia prueba?
Puede que tu tienda pasara una revisión hace unos meses. La campaña lo cambia todo. Las cuentas atrás, los pop-ups, los banners y las etiquetas de oferta suelen venir de temas, apps o scripts de marketing, y muchas veces se publican después de la última prueba.
Además, las tiendas online parten con más errores detectables que la mayoría de webs. En el informe WebAIM Million 2026, las páginas de inicio de la categoría Shopping tenían de media 71,0 errores detectados, un 26,6 % más que la media de todas las páginas de inicio.
Un escáner solo ve una parte. No te dirá que una cuenta atrás vacía el carrito de un cliente que necesita más tiempo, ni que el lector de pantalla se queda callado cuando aparece «Código aplicado». El propio W3C recuerda que ninguna herramienta por sí sola puede decir si un sitio cumple los estándares de accesibilidad. Hace falta que una persona pruebe la tarea.
¿Qué recorrido debes probar?
Sigue el camino que hace un cliente desde tu campaña hasta el pedido confirmado:
- Página o banner de la campaña. ¿Puedes pausarlo y el texto alternativo de la imagen dice cuál es la oferta?
- Pop-ups. El de la newsletter o el descuento que se abre al entrar.
- Ficha de producto con precio rebajado. ¿Queda claro qué precio se aplica?
- Carrito. La cuenta atrás, el aviso de stock y el código de descuento.
- Inicio de sesión o compra como invitado. Con CAPTCHA o código de un solo uso, si los hay.
- Pago y confirmación. La ventana de verificación del banco, la página del pedido y el email.
Si ofreces las dos opciones, prueba como invitado y como cliente con sesión iniciada. Usa un entorno de pruebas o un método de pago de prueba para no hacer pedidos reales.
¿Cómo haces una prueba de 20 minutos con lector de pantalla?
Haz primero la prueba con teclado de nuestro artículo sobre el checkout en 10 minutos. Luego recorre la campaña tres veces más:
- Lector de pantalla en el ordenador (unos 10 minutos). Usa NVDA, gratis para Windows, o VoiceOver, que viene en todos los Mac (Cmd+F5). Fíjate en si lee la oferta del banner, si con los precios tachados se entiende qué precio se aplica, si anuncia los avisos de stock, de cuenta atrás y de descuento cuando cambian, y si los pop-ups toman el foco al abrirse y lo devuelven al cerrarse.
- Lector de pantalla en el móvil (unos 5 minutos). Activa VoiceOver en el iPhone o TalkBack en Android y desliza por la página de la campaña, la ficha de producto y el carrito.
- Zoom (unos 5 minutos). Amplía el navegador al 200 % y luego al 400 %. Los banners, las cuentas atrás y los pop-ups no pueden tapar el contenido ni los botones.
Cada vez que te quedes atascado, apunta la página, qué hiciste, qué pasó y qué debería haber pasado. Esa es tu lista de arreglos.
Si nunca has usado un lector de pantalla, irás más despacio que alguien que lo usa a diario. No pasa nada. La prueba sirve para encontrar los bloqueos, no cada detalle. Nuestro tutorial sobre pruebas con lector de pantalla explica los comandos básicos.
¿Qué elementos de Black Friday fallan más a menudo?
Revisa primero estos elementos de campaña, cada uno con su criterio de conformidad de las WCAG 2.2. Los problemas básicos del checkout, como campos sin etiqueta o errores poco claros, están en nuestra revisión en 10 minutos.
- Cuentas atrás y carritos reservados. El carrito caduca antes de que un cliente más lento termine, sin aviso y sin forma de pedir más tiempo. 2.2.1 Tiempo ajustable, nivel A.
- Banners y carruseles que cambian solos. Las diapositivas cambian durante más de 5 segundos y no hay botón de pausa. 2.2.2 Poner en pausa, detener, ocultar, nivel A.
- Pop-ups de descuento o newsletter. El foco se queda en la página de detrás o el pop-up no se puede cerrar con el teclado. 2.1.2 Sin trampas para el foco del teclado y 2.4.3 Orden del foco, nivel A.
- Avisos como «Solo quedan 2» o «Código aplicado». Aparecen en pantalla, pero el lector de pantalla no dice nada. 4.1.3 Mensajes de estado, nivel AA.
- Precios tachados. El precio anterior solo está tachado visualmente, así que el lector de pantalla lee dos precios sin decir cuál se aplica. 1.3.1 Información y relaciones, nivel A.
- Imágenes de campaña con la oferta escrita dentro. El texto alternativo está vacío o solo dice «banner», así que el descuento es invisible para quien usa lector de pantalla. 1.1.1 Contenido no textual, nivel A.
- Etiquetas de oferta y textos promocionales. Texto claro sobre colores llamativos, difícil de leer. El bajo contraste fue el fallo más común en el WebAIM Million 2026, presente en el 83,9 % de las páginas de inicio. 1.4.3 Contraste (mínimo), nivel AA.
- Inicio de sesión, CAPTCHA y códigos de un solo uso. Un acertijo o una prueba de memoria sin alternativa, o un campo de código que no deja pegar. 3.3.8 Autenticación accesible (mínima), nivel AA, nuevo en las WCAG 2.2.
- Formularios de dirección. El cliente tiene que escribir la misma dirección dos veces. 3.3.7 Entrada redundante, nivel A, nuevo en las WCAG 2.2.
¿Qué puedes arreglar antes del pico y qué puede esperar?
Muchas tiendas congelan el código unas semanas antes de Black Friday. Divide tu lista en dos grupos.
Arréglalo antes del pico. Son sobre todo ajustes, contenido o pequeños cambios en la interfaz:
- Quita el cambio automático de los banners o añade un botón de pausa visible.
- Haz que los pop-ups se cierren con la tecla Escape y devuelvan el foco a donde estaba. O no los muestres en el carrito ni en el checkout.
- Desactiva los temporizadores del carrito, alárgalos o avisa antes de que se acabe el tiempo y deja ampliarlo.
- Escribe texto alternativo para las imágenes de campaña. Si la oferta está escrita en la imagen, el texto alternativo también tiene que decirla.
- Añade texto oculto como «Precio original» y «Precio rebajado» para que los lectores de pantalla distingan los dos precios.
- Corrige el contraste de las etiquetas de oferta y los textos promocionales.
Planifícalo para después. Necesita desarrollo y pruebas:
- Anunciar a los lectores de pantalla los cambios del carrito, del stock, de la cuenta atrás y del descuento.
- Gestionar bien el foco en el carrito, en los diálogos y en la ventana de pago.
- Ofrecer un inicio de sesión sin acertijos ni pruebas de memoria y permitir pegar los códigos de un solo uso.
- Si la página de pago es de una pasarela de pago, envíale lo que hayas encontrado y pídele su información de accesibilidad.
Después de cada arreglo, vuelve a probar todo el recorrido. Un cambio en un paso puede romper el siguiente.
¿Qué exige la ley a las tiendas online?
Desde el 28 de junio de 2025, el Acta Europea de Accesibilidad se aplica a los servicios de comercio electrónico ofrecidos a consumidores. En España, la transpone la Ley 11/2023. Para los servicios no hay periodo de transición. Quedan exentas las microempresas que prestan servicios, es decir, las que tienen menos de 10 empleados y un volumen de negocios anual o un balance general anual de hasta 2 millones de euros.
En la práctica, los equipos prueban según las WCAG en el nivel AA, a través de la norma europea EN 301 549. Tienes todos los detalles en nuestra guía sobre el Acta Europea de Accesibilidad. Este artículo describe las obligaciones de forma general y no es asesoramiento legal.
¿Cuándo conviene contar con expertos?
Una prueba propia encuentra los bloqueos evidentes. Pero no cubre todas las combinaciones de lector de pantalla, navegador y dispositivo, ni todas las zonas con inicio de sesión, ni cómo compran de verdad las personas que usan tecnologías de apoyo a diario.
En nuestras pruebas de recorridos de usuario de principio a fin, nuestros expertos prueban tareas completas como buscar, elegir un producto, pagar o recuperar una cuenta. Usan el teclado, JAWS, NVDA, VoiceOver, TalkBack y líneas braille. Recibes los mapas de los recorridos, los pasos donde los clientes se atascan, el impacto de cada bloqueo y una lista de arreglos por prioridad, en un informe de auditoría con el que tu equipo puede trabajar. Las nuevas pruebas tras los arreglos están incluidas, y ayudamos a tus desarrolladores a decidir qué arreglar primero.
Para tiendas online, nuestra auditoría del proceso de compra y conversión en e-commerce va más allá: búsqueda de productos, elección de variantes, carrito, promociones, checkout, errores de pago y confirmación del pedido.
¿Quieres una primera visión rápida? Haz un escaneo gratuito de tu ficha de producto para encontrar los errores que detecta un programa. Después, habla con un experto sobre cómo probar tus recorridos de compra.
Preguntas frecuentes
¿Se aplica el Acta Europea de Accesibilidad a mi tienda online?
Si vendes productos o servicios online a consumidores de la UE, lo más probable es que sí. Los servicios de comercio electrónico están incluidos desde el 28 de junio de 2025. Las microempresas que prestan servicios están exentas. Revisa la Ley 11/2023 y, si tienes dudas, consulta a un abogado.
¿En qué se diferencia de la revisión rápida del checkout?
Nuestra revisión en 10 minutos cubre lo básico que necesita cualquier checkout: etiquetas, botones y mensajes de error, probados con el teclado. Esta prueba añade los elementos que trae tu campaña y los revisa con un lector de pantalla y en el móvil. Haz las dos.
¿También tengo que probar en el móvil?
Sí. Mucha gente compra desde el móvil, y allí los lectores de pantalla funcionan de otra manera. Prueba la ficha de producto y el checkout con VoiceOver en el iPhone y TalkBack en Android.
¿Y si la página de pago es de una pasarela de pago?
Sigue siendo parte del recorrido de tu cliente. Pruébala como cualquier otro paso, envía los problemas que encuentres a la pasarela y pídele su información de accesibilidad.
¿Cada cuánto debería probar el checkout?
Después de cada lanzamiento que cambie el carrito, el checkout o el pago, y antes de cada gran campaña. Los escaneos automáticos periódicos entre pruebas te ayudan a detectar pronto los problemas nuevos.
Fuentes