Accesibilidad ≠ Overlay · 21
Accesibilidad ≠ Overlay: cuando el proceso de compra se convierte en una barrera
Octubre de 2026 · 6 min de lectura
Comprar online debería ser una tarea sencilla. Pero un carrito, un formulario de dirección o una pasarela de pago inaccesibles pueden dejar fuera a quienes navegan con teclado o lectores de pantalla.
La compra que nunca termina
Imagina elegir un producto y llegar al pago, pero no poder seleccionar la provincia, entender un error de formulario o confirmar el pedido. No es un problema menor: la tienda está impidiendo completar una acción esencial.
El carrito debe ser comprensible
Los controles para cambiar cantidades y eliminar artículos necesitan nombres accesibles. Los cambios de precio y del total deben comunicarse de forma perceptible, también a quienes utilizan lectores de pantalla.
Formularios sin adivinanzas
Cada campo debe tener una etiqueta visible o programáticamente asociada, instrucciones claras y mensajes de error que expliquen cómo corregir el problema. No basta con marcar un borde rojo.
Teclado, foco y pasos del proceso
Todo el recorrido debe funcionar sin ratón: elegir envío, aplicar un cupón, seleccionar el pago y confirmar. Si aparece un diálogo, el foco debe gestionarse correctamente y regresar a un lugar lógico.
Pagos y seguridad accesibles
Los componentes externos, verificaciones de identidad y retos de seguridad también forman parte de la experiencia. Deben permitir alternativas accesibles sin comprometer la protección de la compra.
Confirmar con confianza
Antes de pagar, la persona debe poder revisar productos, importe, gastos y dirección. Tras confirmar, debe recibir un mensaje claro y accesible con el resultado, sin depender solo de un cambio visual.
Cómo comprobarlo de verdad
Realiza una compra de prueba utilizando únicamente teclado. Repite con NVDA, JAWS, VoiceOver o TalkBack y comprueba errores, mensajes dinámicos, cambios de foco y métodos de pago.
Qué aporta Blind Reader
Blind Reader ofrece orientación, navegación guiada y apoyo para completar formularios y recorridos de comercio electrónico junto a los lectores de pantalla habituales. También incorpora correcciones específicas para ciertas barreras, pero no sustituye el desarrollo accesible del carrito ni de la pasarela de pago.
Una venta accesible es una venta posible
La accesibilidad no termina en la ficha de producto. Una tienda inclusiva permite buscar, elegir, pagar y recibir confirmación con autonomía.
Fuentes y referencias
- W3C WAI — Forms Tutorial
- W3C WAI — Understanding Error Identification
- W3C WAI — Understanding Keyboard
- W3C WAI — Understanding Status Messages
Entrega 21 · Accesibilidad ≠ Overlay