Una lista de comprobación de accesibilidad para tiendas online
Por El equipo de AsasWeb 2 min de lectura
Una tienda online accesible es una tienda en la que puede comprar más gente, así que revisa las páginas donde ocurren las ventas. Las imágenes de producto necesitan texto alternativo descriptivo, los selectores de variantes deben funcionar con teclado y el precio y la disponibilidad no pueden señalarse solo con color. Todo el proceso de compra debe poder completarse solo con teclado, con etiquetas visibles, errores útiles y los tipos de entrada móviles correctos. Termina con una compra real solo con teclado y con lector de pantalla, porque las herramientas automáticas no detectan lo que esas pruebas revelan.
Cada barrera en una tienda online es una barrera para una venta. Una tienda accesible es, sencillamente, una en la que más gente puede comprar, y por eso aquí la accesibilidad y los ingresos apuntan en la misma dirección. Usa esta breve lista de comprobación en las páginas que más importan.
Páginas de producto
- Las imágenes de producto llevan texto alternativo descriptivo, para que un usuario de lector de pantalla sepa qué está comprando.
- Los selectores de variante, como talla y color, son operables con el teclado y están claramente etiquetados.
- El precio, la disponibilidad y la acción de añadir al carrito se anuncian con claridad, no se señalan solo por color o posición.
Búsqueda y navegación
- La búsqueda es alcanzable con el teclado, y los resultados se anuncian cuando se actualizan.
- Los filtros se pueden aplicar y quitar sin ratón, y el estado actual queda claro.
- El foco es visible en cada paso, para que los usuarios de teclado nunca pierdan su sitio.
Carrito y compra
- La compra funciona de principio a fin con el teclado, con un orden de foco lógico.
- Los campos del formulario tienen etiquetas visibles, errores útiles y el tipo de entrada correcto en el móvil.
- Nada esencial queda bloqueado tras un hover o un arrastre, y los límites de tiempo, si los hay, se pueden ampliar.
Pruébalo de verdad
Las herramientas automáticas detectan mucho, pero un recorrido de una compra completa solo con teclado, más una pasada con lector de pantalla, revela lo que se les escapa. Probamos las compras de ese modo antes del lanzamiento.
Una tienda accesible es una tienda mejor para todos, y al mismo tiempo amplía tu mercado. Si quieres una compra de la que nadie rebote, empieza un proyecto.