Guía práctica
8 min de lectura
Accesibilidad ecommerce: cómo revisar compra, carrito y checkout
En ecommerce, una barrera pequeña puede impedir terminar una compra. La revisión debe seguir el recorrido completo y comprobar que la información, los controles y los errores se entienden sin ratón, sin depender solo del color y con tecnologías de apoyo.
Revisa el recorrido, no solo la portada
Una tienda puede tener una página de inicio correcta y fallar en el primer filtro, en la selección de talla o en el mensaje que actualiza el carrito. Prueba con un producto realista y completa la misma tarea con teclado para localizar dónde se rompe la continuidad.
Incluye la búsqueda, filtros, ordenación, ficha, galería, variantes, cantidades, cupones, dirección, envío, pago y confirmación. Si hay cuenta de cliente, suscripciones o financiación, deben formar parte del alcance.
- Los filtros, ordenación y sugerencias se manejan con teclado.
- La ficha comunica nombre, precio, disponibilidad, variantes y cambios de selección.
- Los botones de cantidad, eliminar y guardar tienen nombres claros.
- El total, gastos y descuentos se actualizan de forma comprensible.
- Los errores de checkout identifican el campo y explican cómo continuar.
Cuida variantes, estados y contenido dinámico
Los controles de talla, color o entrega suelen ser botones o selectores que cambian precio y disponibilidad. Deben exponer su estado seleccionado y comunicar los cambios sin forzar a una persona a buscar qué ha ocurrido en la pantalla.
Los avisos de stock, el carrito lateral y los cupones añaden contenido dinámico. Gestiona el foco de modales y paneles, ofrece una forma clara de cerrarlos y evita que una actualización interrumpa la tarea de quien está escribiendo.
El pago necesita una revisión específica
El checkout combina formularios, validación, servicios de pago y decisiones irreversibles. Los campos requieren etiquetas persistentes, instrucciones antes del error y agrupaciones comprensibles. No uses un placeholder como único nombre del campo.
Prueba los errores de tarjeta, códigos postales, direcciones y aceptación de condiciones. Una persona debe poder recuperar el error sin perder datos, sin que el foco salte de forma inesperada y sin depender de una señal visual aislada.
Mide cambios en los componentes compartidos
En una tienda, el mismo botón, modal o selector aparece en muchas plantillas. Corregir el componente de origen es más eficaz que modificar cada ficha. Mantén una lista de componentes críticos y valida sus variantes después de actualizar tema, app o pasarela.
Programa escaneos y revisiones manuales en los recorridos de mayor valor. Así podrás detectar una regresión después de una campaña o un despliegue antes de que afecte a más clientes.
Preguntas habituales
Respuestas para planificar la revisión
¿Qué parte de una tienda debe revisarse primero?
La que convierte una visita en pedido: búsqueda, ficha, carrito, checkout y confirmación. Después amplía a cuenta, devoluciones y soporte.
¿Un checkout de un proveedor externo queda fuera de la revisión?
Debe identificarse dentro del recorrido. Su control técnico puede depender del proveedor, pero la experiencia y las limitaciones conocidas deben documentarse.
¿El contraste es suficiente para una tienda accesible?
No. También hay que revisar nombres de controles, teclado, foco, formularios, mensajes dinámicos, alternativas de imágenes y recuperación de errores.