Cada vez que un cliente con discapacidad no puede avanzar por tu proceso de pago, usar un filtro de productos o leer tus descripciones, acabas de perder una venta. Más de 1 de cada 4 adultos en EE. UU. tiene algún tipo de discapacidad. No es un segmento pequeño del mercado. Es tu mercado.
La accesibilidad web no es solo una cuestión ética. Es un requisito legal. La Ley de Estadounidenses con Discapacidades (ADA) exige que las empresas hagan accesibles sus servicios a las personas con discapacidad. Eso incluye las tiendas online. Miles de webs reciben cada año reclamaciones legales por incumplir la accesibilidad, y las webs de comercio electrónico son las más señaladas. Este artículo explica qué significa la accesibilidad, por qué importa para tu tienda, qué exige la ley y cómo aplicarla sin herramientas especializadas caras.
¿Qué es la accesibilidad web?
Accesibilidad web significa que tu web la puede usar todo el mundo, incluidas las personas con discapacidad. Eso incluye a personas ciegas o con baja visión, sordas o con dificultades de audición, con discapacidades motoras que dificultan el uso del ratón, con discapacidades cognitivas o de aprendizaje, o con otras condiciones que afectan a cómo usan la web.
Las webs accesibles funcionan con tecnologías de apoyo como los lectores de pantalla (software que lee el texto en voz alta), la navegación solo con teclado (para quienes no pueden usar un ratón) y las herramientas de ampliación. Una web accesible también usa un lenguaje claro, contraste de color suficiente, una estructura de títulos correcta y etiquetas de formulario que los lectores de pantalla entienden.
El principio clave: tus clientes deben poder hacer lo que vinieron a hacer. Deben poder navegar, filtrar, leer descripciones, añadir al carrito y completar el pago, sin importar qué tecnología de apoyo o adaptaciones usen.
¿Qué es la ADA y por qué se aplica a tu tienda?
La Ley de Estadounidenses con Discapacidades (ADA), aprobada en 1990, es una ley federal de EE. UU. que prohíbe la discriminación contra las personas con discapacidad. El Título III de la ADA exige que todas las empresas abiertas al público den acceso igualitario a las personas con discapacidad. Eso incluye las webs y los servicios online. La ley no prevé excepciones para pequeños negocios ni para minoristas online.
Tu tienda online cuenta como un establecimiento de acceso público según la ADA. Eso significa que tu web debe ser accesible. No puedes alegar que tu tienda es demasiado pequeña, demasiado nueva o que la accesibilidad es demasiado cara. La ley se aplica. Los tribunales han dictaminado de forma constante que la ADA se aplica a las webs, y el Departamento de Justicia de EE. UU. ha declarado que la accesibilidad web es una cuestión de derechos civiles, no algo opcional.
WCAG 2.1 nivel AA: el estándar de accesibilidad
El estándar de accesibilidad web que se usa en los casos legales y en los requisitos de cumplimiento se llama WCAG (Web Content Accessibility Guidelines, pautas de accesibilidad para el contenido web) 2.1 nivel AA. Las WCAG las mantiene el World Wide Web Consortium (W3C), una organización sin ánimo de lucro que fija estándares para la web.
Las WCAG 2.1 nivel AA incluyen pautas en cuatro áreas principales:
Perceptible: los usuarios pueden ver u oír tu contenido
Tu contenido debe presentarse de formas que los clientes puedan percibir. Esto significa ofrecer descripciones de texto (texto alternativo) para todas las imágenes de producto, añadir subtítulos a los vídeos, asegurar que el texto y los botones tengan contraste de color suficiente (proporción mínima de 4,5:1 para el texto normal) y evitar contenido que parpadee más de 3 veces por segundo, lo que puede provocar convulsiones.
Operable: los usuarios pueden navegar e interactuar con tu tienda
Los usuarios deben poder navegar por tu tienda usando solo un teclado (sin ratón). Los enlaces y botones deben ser accesibles con el teclado. Los formularios deben tener etiquetas claras que los lectores de pantalla entiendan. Tu tienda no debe atrapar a los usuarios de teclado en bucles infinitos ni exigir interacciones con límite de tiempo que no se puedan ajustar. Los elementos del menú y los campos de los formularios deben ser fáciles de encontrar y usar.
Comprensible: los usuarios pueden entender lo que dice y hace tu tienda
Tu tienda debe ser fácil de entender. Usa un lenguaje claro y frases cortas. Explica la jerga la primera vez que la uses. Organiza tus páginas de forma lógica con una estructura de títulos correcta (un H1 por página, seguido de H2 y H3 en orden). Explica con claridad los errores de validación de los formularios. Haz que tu web sea coherente para que los usuarios puedan prever cómo funcionan la navegación y las interacciones.
Robusto: tu tienda funciona con tecnologías de apoyo
Tu código debe estar escrito correctamente para que los lectores de pantalla y otras herramientas de apoyo lo entiendan. Esto significa usar un marcado HTML semántico adecuado (los botones son elementos de botón reales, no div con aspecto de botón), una jerarquía de títulos correcta y etiquetas ARIA donde haga falta para describir elementos interactivos complejos. Tu tienda debe funcionar en distintos navegadores y dispositivos.
Barreras de accesibilidad comunes en las tiendas online
Estos son los problemas de accesibilidad más frecuentes en las tiendas de comercio electrónico:
Texto alternativo ausente o pobre en las imágenes de producto
Muchas tiendas online no tienen texto alternativo en las imágenes de producto, o lo tienen vago, como "imagen" o "foto de producto". Los usuarios de lectores de pantalla no pueden ver las imágenes. El texto alternativo debe describir lo importante de la imagen. Para una camiseta roja, un buen texto alternativo es "camiseta roja de algodón de cuello redondo con bolsillo delantero", no "camiseta" ni "foto camiseta roja". En un selector de variantes de producto, el texto alternativo puede describir con claridad la muestra de color o la opción de estilo. Cada imagen de producto necesita un texto alternativo preciso y descriptivo.
Formularios sin etiquetas adecuadas
Cuando un campo de formulario (email, teléfono, dirección) no tiene etiqueta asociada, o la etiqueta es solo un texto de ejemplo visual, los usuarios de lectores de pantalla no saben qué escribir. Los formularios bien etiquetados tienen elementos de etiqueta invisibles pero accesibles que indican a los lectores de pantalla para qué sirve cada campo.
Sin navegación con teclado
Algunas webs exigen un ratón para navegar o completar una compra. Los usuarios que solo usan teclado no pueden usar los menús desplegables, no ven qué elemento tiene el foco o no pueden pasar por los campos del formulario en un orden lógico. Todas las funciones deben ser accesibles con el teclado. El foco del teclado debe verse en la página para que los usuarios sepan dónde están.
Mal contraste de color
Un texto gris claro sobre fondo blanco puede resultarte legible a ti. No lo es para personas con baja visión. El nivel AA de las WCAG exige una proporción de contraste de al menos 4,5:1 para el texto normal. Los botones, los enlaces y cualquier texto que los usuarios necesiten leer deben cumplir este estándar. Comprueba tu contraste con una herramienta gratuita de verificación de contraste.
Estructura de títulos confusa
Los usuarios de lectores de pantalla suelen navegar por las páginas saltando entre títulos. Si tu página salta de H1 a H3 y luego a H2, o usa los títulos solo por estilo, los lectores de pantalla crean una experiencia confusa. Usa los títulos en orden lógico para estructurar tu página. Un H1 por página, luego H2 para las secciones principales y H3 para las subsecciones. No saltes nunca niveles de título.
Botones y enlaces sin un propósito claro
Un botón que dice "haz clic aquí" no dice nada a los usuarios de lectores de pantalla sobre lo que hace. Usa textos de botón descriptivos: "Añadir al carrito", "Ver reseñas", "Ir al pago". Si necesitas un botón con un icono, incluye texto o una etiqueta ARIA que describa la acción. Cada elemento interactivo debe tener una etiqueta clara y descriptiva.
Menús desplegables y filtros inaccesibles
Los menús de filtros de producto, los desplegables de categorías y las opciones de orden que solo funcionan con ratón son barreras habituales. Los usuarios de teclado necesitan acceder a ellos de la misma manera. Los componentes interactivos complejos necesitan roles ARIA y compatibilidad con el teclado para funcionar con tecnologías de apoyo.
Cómo hacer accesible tu tienda
La accesibilidad no exige contratar a un consultor caro ni comprar software especializado. Empieza por lo básico:
1. Escribe texto alternativo para todas las imágenes de producto
Es el cambio de mayor impacto. Recorre tus productos y escribe un texto alternativo descriptivo para cada imagen. Describe el producto, su color, material, estado y rasgos distintivos. Prueba tu texto alternativo leyéndolo en voz alta. ¿Alguien que no puede ver la imagen entiende el producto? Si no, mejóralo.
2. Asegúrate de que todos los formularios tengan etiquetas adecuadas
Cada campo de formulario debe tener un elemento de etiqueta asociado en tu código. No dependas del texto de ejemplo. Quita el texto de ejemplo cuando el campo tenga el foco, o mantenlo pero añade una etiqueta real. En los grupos de casillas y de botones de opción, agrúpalos y etiquétalos con claridad. Los errores de validación del formulario deben ser concretos y decir a los usuarios exactamente qué corregir.
3. Comprueba que la navegación con teclado funciona
Prueba toda tu tienda usando solo el teclado. Pulsa Tab para moverte. ¿Llegas a cada botón, enlace y formulario? ¿Ves dónde está el foco? ¿El orden del tabulador es lógico (de izquierda a derecha, de arriba abajo)? Si los usuarios de teclado se atascan o no llegan a algo, arréglalo. La mayoría de las barreras de accesibilidad son barreras de teclado.
4. Revisa y mejora el contraste de color
Usa una herramienta gratuita de verificación de contraste en tu ficha de producto, botones, enlaces y etiquetas de formulario. Asegura un contraste de 4,5:1 para el texto normal y de 3:1 para el texto grande (18 pt o más). No dependas solo del color para transmitir información (por ejemplo, "los artículos rojos están en oferta"). Añade etiquetas de texto o iconos que refuercen el significado.
5. Corrige la estructura de títulos
Revisa la estructura de tus páginas. Debes tener un H1 (el título principal de la página), luego H2 para las secciones principales y H3 para las subsecciones. No saltes nunca niveles de título. Usa los títulos para estructurar el contenido de forma lógica, no por estilo. Si necesitas un texto con estilo que no es un título real, usa un div y CSS, no una etiqueta de título.
6. Escribe textos claros en enlaces y botones
Los usuarios de lectores de pantalla suelen abrir una lista de todos los enlaces de una página. Los enlaces deben tener sentido fuera de contexto. "Más información sobre las opciones de envío" es mejor que "más información". "Ver reseñas del producto" es mejor que "leer reseñas". Los botones deben describir con claridad su acción: "Añadir al carrito", "Ir al pago", "Guardar para después".
7. Prueba con tecnología de apoyo
Descarga un lector de pantalla gratuito para Windows o usa las herramientas de accesibilidad integradas en Mac y iPhone. Escucha cómo suena tu web. ¿Puedes completar una compra usando solo el teclado y el lector de pantalla? Esa es la prueba real de accesibilidad. Muchas barreras se hacen evidentes cuando intentas usar tu propia tienda como una persona ciega o que solo usa teclado.
Pruebas y auditorías de accesibilidad
Después de hacer cambios, prueba la accesibilidad de tu tienda. Empieza con estas herramientas:
Herramientas de prueba automáticas
Las herramientas gratuitas de accesibilidad y Lighthouse (integrado en Chrome) analizan tus páginas y señalan problemas comunes como texto alternativo ausente, bajo contraste y mala estructura de títulos. Estas herramientas detectan quizá el 30% de los problemas de accesibilidad, así que son un punto de partida, no la respuesta completa. Úsalas para un análisis rápido, pero no des por hecho que un resultado sin avisos significa que tu web es totalmente accesible.
Pruebas con teclado
Navega por tu web usando solo Tab, Mayús+Tab, Intro y las teclas de flecha. Sin ratón. Es la prueba más importante. ¿Puedes completar cada tarea? ¿Te atascas? ¿Se ve el foco? ¿Tiene sentido el orden del tabulador? Si la navegación con teclado falla, tu tienda no cumple el estándar de accesibilidad, digan lo que digan las herramientas automáticas.
Pruebas con lector de pantalla
Escucha tu web con un lector de pantalla gratuito en Windows o con el lector integrado en Mac. ¿El lector describe con claridad las imágenes de producto? ¿Entiendes las etiquetas de los formularios? ¿Tiene sentido la navegación? ¿Hay botones o enlaces sin explicación? Las auditorías de accesibilidad profesionales suelen contratar a probadores ciegos para usar tu web, pero tú puedes detectar los problemas importantes haciendo pruebas básicas con un lector de pantalla.
Revisión manual del código
Revisa tu código HTML para comprobar que el marcado semántico es correcto. Los botones deben ser elementos de botón, no div con estilo. Los enlaces deben ser etiquetas de ancla. Los campos de formulario necesitan elementos de etiqueta. Los títulos deben ser etiquetas h1, h2, h3 en orden, no h1, h3, h2. Un buen HTML semántico es la base de la accesibilidad.
Cómo te ayuda WEMASY con la accesibilidad
El creador de webs de WEMASY está pensado con la accesibilidad en mente. La plataforma incluye una estructura HTML semántica, un manejo correcto de formularios con etiquetas accesibles, menús y funciones del carrito navegables con teclado y herramientas para añadir texto alternativo a las imágenes con facilidad. Cuando usas WEMASY para crear tu tienda, el HTML de base ya está estructurado para la accesibilidad. No heredas código inaccesible de la plataforma.
Esto no significa que tu web sea automáticamente accesible del todo: sigues necesitando un buen texto alternativo, un lenguaje claro y pruebas con usuarios reales. Pero la base de WEMASY elimina muchas barreras comunes que afectan a otras plataformas de comercio electrónico. Consulta qué incluye cada plan en nuestra página de precios.
El argumento de negocio de la accesibilidad
Más allá del cumplimiento legal, la accesibilidad es buen negocio. Las webs accesibles son más fáciles de usar para todos, no solo para las personas con discapacidad. El lenguaje claro, el buen contraste, la estructura lógica y la navegación con teclado benefician a los usuarios mayores, a quienes usan dispositivos móviles, a quienes están en entornos ruidosos y a quienes tienen internet lento. Una web accesible para personas con discapacidad es una web mejor para todos los usuarios.
Dicho de forma más directa: 1 de cada 4 adultos en EE. UU. tiene una discapacidad. Son unos 65 millones de personas. Si tu tienda no es accesible, estás excluyendo a un mercado enorme. También estás dejando dinero sobre la mesa. Los compradores ciegos y con baja visión gastan miles de millones online. Quieren comprar en tu tienda. Haz que sea posible.
En el plano legal, el riesgo es real. En 2025 se presentaron más de 5.000 demandas por accesibilidad web. Las webs de comercio electrónico representan el 70% de esos casos. Una carta de reclamación por incumplir la accesibilidad cuesta tiempo y honorarios legales para defenderse. Llegar a un acuerdo sin arreglar los problemas de fondo solo invita a más reclamaciones. Lo más inteligente es arreglar tu web ahora, documentar tus esfuerzos y evitar el problema por completo.
Cómo empezar
Si tu tienda no es accesible, no entres en pánico. Empieza por los arreglos de mayor impacto: texto alternativo, navegación con teclado y contraste. Estos tres cambios resolverán la mayoría de las barreras de accesibilidad. Prueba con la navegación con teclado y con un lector de pantalla. Arregla los problemas que encuentres. Documenta tu trabajo. Vuelve a probar con regularidad, sobre todo después de hacer cambios en tu web. La accesibilidad no es un proyecto puntual: es una práctica continua de construir de forma inclusiva.
Preguntas frecuentes
¿Mi tienda pequeña está realmente sujeta a la ADA?
Sí. La ADA se aplica a todas las empresas abiertas al público, sea cual sea su tamaño. No hay exención para pequeños negocios. Si vendes online, tu web está cubierta.
¿Qué diferencia hay entre accesible y conforme?
Accesible significa que tu web la pueden usar de verdad personas con discapacidad. Conforme significa que cumple un estándar técnico como las WCAG 2.1 nivel AA. Una web puede cumplir técnicamente el estándar y seguir siendo difícil de usar, o puede ser muy usable sin ser técnicamente perfecta. El objetivo es ambas cosas: accesible en la práctica y conforme con el estándar.
¿Necesito contratar a alguien para hacer accesible mi tienda?
No necesariamente. Si tu tienda tiene problemas básicos (texto alternativo ausente, mal contraste, navegación con teclado rota), puedes arreglar muchos de ellos tú mismo. Escribe texto alternativo, comprueba el contraste con una herramienta gratuita, prueba con tu teclado y con un lector de pantalla. Si tu web está construida sobre una plataforma moderna con una estructura HTML correcta, mejorar la accesibilidad suele ser sencillo. Las webs más grandes con funciones complejas pueden beneficiarse de una auditoría profesional, pero las tiendas pequeñas a menudo pueden resolver sus mayores barreras por su cuenta.
¿Qué hago si recibo una carta de reclamación por accesibilidad?
Tómala en serio. No la ignores. Estas cartas suelen darte un plazo para arreglar los problemas. Trabaja con tu desarrollador o con el soporte de tu plataforma para resolver las infracciones concretas que menciona. Documenta todo lo que hagas. También puedes consultar a un abogado que conozca la ley de accesibilidad. Llegar a un acuerdo sin arreglar los problemas de fondo no es una solución a largo plazo: arregla la web.
¿Hacer accesible mi web ralentizará los tiempos de carga?
No. La accesibilidad y el rendimiento son cosas distintas. Una web puede ser rápida e inaccesible, o lenta y accesible. El HTML semántico (la estructura de código necesaria para la accesibilidad) suele ser más ligero y rápido que un código mal escrito. Muchas mejoras de accesibilidad, como una buena estructura de títulos y un lenguaje claro, no tienen ningún efecto en la velocidad.
¿Las WCAG 2.1 nivel AA cubren todo lo que necesito para cumplir la ley?
Las WCAG 2.1 nivel AA son el estándar al que se hace referencia en la mayoría de los casos legales de accesibilidad. Es el criterio que han usado los tribunales para juzgar si una web es accesible. Cumplir las WCAG 2.1 nivel AA es la mejor manera de demostrar que te tomaste la accesibilidad en serio y que cumpliste el estándar legal.
Lecturas relacionadas: Política de privacidad, consentimiento de cookies y RGPD para tu tienda y Cómo proteger tu marca y tus productos de las copias.