ES Accesibilidad web en ecommerce: qué debe revisar una empresa en España
La accesibilidad de una tienda online ya no debería tratarse como una mejora opcional al final del proyecto. Afecta a la posibilidad de encontrar un producto, entender sus condiciones, identificarse, pagar y recibir ayuda. Además, desde el 28 de junio de 2025 el marco europeo de accesibilidad alcanza determinados productos y servicios prestados a consumidores, entre ellos los servicios de comercio electrónico.
En España, la Ley 11/2023 incorpora al ordenamiento la Directiva (UE) 2019/882. El alcance exacto depende del tipo de actividad, del servicio y de posibles excepciones. Por eso esta guía sirve como orientación técnica y de diseño, no como asesoramiento jurídico individual.
Qué significa «accesible» en una compra online
Una interfaz accesible debe poder percibirse, utilizarse y comprenderse de distintas formas, y funcionar de manera fiable con tecnologías de apoyo. En comercio electrónico esto no se limita al contraste de colores. El recorrido completo cuenta:
- navegación y buscador;
- categorías y filtros;
- fichas, precios y disponibilidad;
- selección de variantes;
- carrito y cupones;
- identificación y recuperación de cuenta;
- dirección, entrega, seguridad y pago;
- confirmación, devoluciones y atención al cliente.
Si una sola etapa bloquea a la persona, la tienda no ofrece una experiencia accesible de extremo a extremo.
Qué pide el marco español al ecommerce
La Ley 11/2023 incluye los servicios de comercio electrónico dentro de su ámbito y recoge requisitos adicionales. Entre ellos aparecen la información sobre accesibilidad de productos y servicios cuando la facilite el responsable, y la accesibilidad de funciones de identificación, seguridad y pago.
También existen exclusiones concretas para determinados contenidos anteriores a la fecha de aplicación, archivos, material de terceros fuera del control del operador y ciertos mapas cuando la información esencial se ofrece de manera accesible. No conviene interpretar estas excepciones como una autorización para ignorar toda la tienda: deben analizarse con relación al caso real.
Ocho revisiones prácticas
1. Navegación completa con teclado
Una persona debe poder recorrer menús, filtros, productos, diálogos y checkout sin ratón. El foco tiene que ser visible y seguir un orden lógico. Los menús que se abren solo al pasar el cursor y las tarjetas enteras construidas como elementos no interactivos suelen causar problemas.
2. Nombres y estados comprensibles
Los controles necesitan una etiqueta que explique su función. Un icono aislado puede resultar ambiguo. En filtros y variantes también debe comunicarse si una opción está seleccionada, agotada o no disponible.
3. Imágenes de producto con alternativa útil
El texto alternativo debe describir la información comercial relevante, no repetir «imagen de producto». Si la fotografía muestra un acabado, una textura o una diferencia entre modelos, esa característica merece una explicación. Las imágenes decorativas pueden utilizar alternativa vacía para no añadir ruido.
4. Contraste y tamaño sin depender del zoom
Precios, condiciones, etiquetas y mensajes de error deben leerse sin esfuerzo. Un gris elegante puede resultar insuficiente sobre fondo blanco. La interfaz también debe soportar ampliación sin cortar texto ni ocultar acciones.
5. Formularios que explican el error
Marcar un campo únicamente en rojo no basta. El mensaje debe indicar qué ocurrió y cómo corregirlo. Además, el foco debería llegar al resumen de errores o al primer campo problemático, sin borrar la información ya introducida.
6. Identificación y seguridad sin barreras evitables
Los flujos de acceso, verificación y recuperación necesitan alternativas comprensibles. Los límites de tiempo, códigos y CAPTCHA requieren especial cuidado. El objetivo de seguridad no cambia, pero el mecanismo no debería excluir a quien utiliza lector de pantalla, teclado o ampliación.
7. Pago y confirmación resistentes
El resumen debe mostrar producto, cantidad, impuestos, entrega y total de forma clara antes de confirmar. El estado posterior al pago también debe anunciarse correctamente. Si interviene una pasarela externa, conviene comprobar su comportamiento real: subcontratar una parte no elimina la necesidad de cuidar el recorrido.
8. Contenido y soporte accesibles
Guías de talla, instrucciones, PDF, vídeos y chat forman parte del servicio. Los documentos importantes necesitan una estructura legible; los vídeos relevantes, subtítulos; y los canales de ayuda, alternativas que no dependan exclusivamente de voz.
Cómo organizar una auditoría sin bloquear el negocio
- Define los recorridos críticos. Buscar, elegir, comprar, consultar pedido y devolver.
- Combina pruebas automáticas y manuales. Las herramientas detectan parte de los fallos, pero no entienden si una etiqueta es útil o el orden tiene sentido.
- Prueba con teclado y lector de pantalla. Incluye móvil, ampliación y preferencias de movimiento reducido.
- Clasifica por impacto. Primero bloqueos de compra, identificación y pago; después problemas de comprensión y mejoras editoriales.
- Corrige el sistema, no una sola página. Un componente reparado en la biblioteca evita repetir el fallo en cientos de fichas.
- Repite la revisión. Nuevas campañas, aplicaciones y módulos pueden introducir regresiones.
La accesibilidad encaja mejor dentro del diseño web a medida y del mantenimiento evolutivo que como una capa separada. Decisiones tempranas sobre componentes, contenido y proveedores reducen correcciones costosas.
Un resultado que beneficia a más personas
Las mejoras accesibles también ayudan a quien compra con una mano, tiene una pantalla dañada, navega bajo el sol, utiliza traducción automática o necesita entender un error con rapidez. Una tienda más robusta y comprensible suele reducir fricción para todo el público.
La revisión jurídica determina obligaciones; la auditoría técnica muestra dónde falla el recorrido; y el trabajo de diseño y desarrollo convierte esa lista en una experiencia usable.
