Conversión y UX

Accesibilidad PrestaShop y la EAA: qué debe verificar una tienda online

La European Accessibility Act es aplicable desde el 28 de junio de 2025. Cubre explícitamente los servicios de comercio electrónico, lo que incluye una tienda online, su embudo de compra y sus documentos contractuales. No es una recomendación: es una obligación con un régimen sancionador.

La mayoría de los comerciantes afectados no lo saben, o creen estar exentos sin estarlo. Empecemos por ahí.

Quién está afectado

El texto se dirige a las empresas que prestan servicios de comercio electrónico a consumidores. Existe una exención para las microempresas que prestan servicios, definidas como las que emplean a menos de diez personas y cuyo volumen de negocio anual o balance total no supera los dos millones de euros.

Dos precisiones que marcan la diferencia. La exención se aprecia sobre la empresa entera, no sobre la actividad en línea. Y se refiere a los servicios: las obligaciones aplicables a los productos dependen de un régimen distinto.

Un apunte de método: si estás cerca de los umbrales, no construyas tu planificación sobre la exención. Un crecimiento te hace cambiar de lado, y una puesta en conformidad no se improvisa en tres semanas.

El marco de referencia aplicable

La norma europea de referencia remite, para la web, a los criterios de las pautas internacionales de accesibilidad en el nivel AA. La norma armonizada EN 301 549 constituye su forma operativa, con una parrilla de criterios verificables.

Este punto es útil en la práctica: en lugar de partir de los principios, parte de la parrilla. Transforma un tema abstracto en una lista de verificaciones.

Los doce bloqueos más frecuentes en una tienda

En las auditorías de tiendas, los mismos puntos se repiten. Aquí están, por orden de frecuencia decreciente.

  1. Contrastes insuficientes en los textos secundarios, los precios tachados y los avisos legales.
  2. Imágenes de productos sin texto alternativo, o con un texto alternativo que repite el nombre del archivo.
  3. Campos de formulario sin etiqueta asociada, sobre todo en el embudo de compra, donde solo un placeholder hace de etiqueta.
  4. Foco de teclado invisible, a menudo eliminado por el tema por razones estéticas.
  5. Navegación imposible con el teclado en los menús desplegables y los selectores de variantes.
  6. Mensajes de error no anunciados a las tecnologías de asistencia: el campo se pone rojo, nada se vocaliza.
  7. Carruseles sin control, que se desplazan automáticamente sin posibilidad de detenerlos.
  8. Jerarquía de títulos incoherente, con niveles saltados o usados para la maquetación.
  9. Enlaces no explícitos fuera de contexto, del tipo «saber más» repetido veinte veces en una página de categoría.
  10. Información transmitida solo por el color: disponibilidad en verde, agotado en rojo, sin texto.
  11. Vídeos sin subtítulos ni transcripción.
  12. Zoom bloqueado en móvil por una etiqueta de configuración de visualización.

Los cuatro primeros representan lo esencial del volumen de anomalías, y todos son corregibles sin rediseño.

Accesibilidad EAA — Widget y Correcciones WCAG AutomáticasConformidad EAA sin rehacer su tema79,00

Un método de auditoría en un día

Una auditoría completa es un proyecto. Un primer estado de la situación cabe en una jornada y basta para saber dónde estás.

Mañana: los tests automáticos. Pasa una herramienta de análisis por cinco páginas tipo: inicio, categoría, ficha de producto, carrito, embudo de compra. Las herramientas automáticas detectan alrededor de un tercio de los criterios, esencialmente los contrastes, las alternativas ausentes y las etiquetas de formulario. Es poco, pero es el tercio más voluminoso.

Primera hora de la tarde: el test de teclado. Desconecta el ratón y realiza un pedido completo usando solo el tabulador y la tecla intro. Este ejercicio, que lleva veinte minutos, revela más problemas bloqueantes que cualquier herramienta.

Final de la tarde: el test con lector de pantalla. Activa el lector de pantalla de tu sistema y recorre una ficha de producto. El objetivo no es corregirlo todo, sino constatar: si el precio, la disponibilidad y el botón de compra no se anuncian correctamente, ya sabes por dónde empezar.

Al final de esa jornada, dispones de una lista priorizada y de una idea realista del esfuerzo restante.

Lo que un widget puede hacer, y lo que no

Punto de honestidad necesario, porque el mercado mantiene una confusión.

Una capa de accesibilidad trata eficazmente un subconjunto de criterios: corrección de contrastes, adición de etiquetas ausentes, restauración del foco visible, opciones de confort como la ampliación del texto o el espaciado de líneas. De los doce bloqueos listados arriba, cubre correctamente entre cuatro y seis.

No puede reparar una estructura de títulos incoherente, hacer navegable con teclado un componente que no lo es, redactar textos alternativos pertinentes ni subtitular un vídeo. Ninguna herramienta automática hace conforme un sitio, y presentar una capa como una puesta en conformidad completa es un argumento a descartar.

Lo que aporta realmente: una ganancia inmediata en las anomalías más numerosas, mientras la remediación de fondo se planifica sobre el tema.

La declaración de accesibilidad

Obligación a menudo ignorada: las entidades afectadas deben publicar una declaración que describa el estado de conformidad del servicio, los contenidos no accesibles con su justificación, y un medio de contacto para señalar un problema.

Una declaración honesta que mencione una conformidad parcial vale más que la ausencia de declaración, y más que una declaración de conformidad total desmentida por el primer test.

Por dónde empezar

En orden: los contrastes, que son masivos y fáciles; las etiquetas de formulario del embudo de compra, porque un embudo inutilizable hace el servicio inaccesible en sentido estricto; el foco de teclado; después los textos alternativos de las imágenes de producto, tarea larga pero fraccionable.

El módulo Accesibilidad EAA para PrestaShop actúa en PrestaShop 8 y 9: correcciones automáticas de contrastes, etiquetas y foco, opciones de confort para el usuario, e informe de las anomalías detectadas para encuadrar la remediación que queda por hacer en el tema.

Sigue leyendo

Artículos relacionados