Cuando una empresa se plantea adaptar su web a WCAG 2.1 AA, suele pensar que el proceso será largo, complejo o costoso. Sin embargo, la experiencia demuestra que la mayoría de los problemas de accesibilidad se repiten una y otra vez y, en muchos casos, pueden corregirse sin rehacer el proyecto desde cero.
Esta checklist recoge los errores más frecuentes que encontramos en auditorías de accesibilidad web, tanto en webs corporativas como en tiendas online, y explica por qué son importantes y cómo abordarlos de forma correcta.
Por qué una checklist de accesibilidad es clave antes de hablar de rediseño
Antes de invertir en un rediseño completo, lo más eficiente suele ser revisar los puntos críticos que afectan directamente a la accesibilidad. Muchas webs «modernas» fallan no por el diseño en sí, sino por pequeños detalles acumulados: contrastes, formularios mal construidos, navegación inconsistente o contenidos sin estructura.
Una checklist bien aplicada permite:
- Detectar riesgos legales reales
- Priorizar correcciones con impacto inmediato
- Mejorar experiencia de usuario y SEO
- Evitar soluciones improvisadas o parches
Errores de accesibilidad más habituales (y cómo solucionarlos)
1. Contraste de color insuficiente
Uno de los fallos más comunes. Textos con poco contraste respecto al fondo hacen que la lectura sea complicada para personas con baja visión, pero también para usuarios en móviles, pantallas con brillo bajo o exteriores.
Problema habitual:
- Textos grises claros sobre fondo blanco
- Botones con poco contraste en estados hover
- Enlaces que solo se distinguen por color
Solución:
- Revisar contrastes según WCAG 2.1 AA
- Ajustar colores sin alterar la identidad visual
- Añadir indicadores adicionales (subrayado, iconos)
2. Estructura incorrecta de encabezados
Muchas webs usan los encabezados solo por tamaño o estética, sin respetar una jerarquía lógica. Esto dificulta la comprensión del contenido para lectores de pantalla y motores de búsqueda.
Problema habitual:
- Saltos de h1 a h4
- Varios h1 en una misma página sin sentido
- Uso de divs en lugar de encabezados reales
Solución:
- Definir una jerarquía clara y coherente
- Usar encabezados para estructurar contenido, no solo diseño
- Revisar plantillas y editores visuales
3. Imágenes sin texto alternativo (o mal descritas)
El texto alternativo no es solo «poner algo en el alt». Debe describir la función o el contenido relevante de la imagen.
Problema habitual:
- Alt vacío en imágenes informativas
- Descripciones genéricas tipo «imagen1»
- Uso incorrecto en imágenes decorativas
Solución:
- Describir la imagen cuando aporta información
- Omitir el alt cuando es puramente decorativa
- Pensar qué aporta la imagen al contenido
4. Formularios difíciles de entender o completar
Los formularios suelen ser el punto más crítico en términos de accesibilidad y conversión. Un formulario inaccesible no solo incumple WCAG, también hace perder leads o ventas.
Problema habitual:
- Campos sin etiqueta visible
- Errores que no se explican correctamente
- Dependencia exclusiva del color para indicar errores
Solución:
- Etiquetas claras y asociadas correctamente
- Mensajes de error comprensibles
- Indicaciones previas y validaciones accesibles
5. Navegación imposible solo con teclado
Muchas personas no usan ratón: personas con discapacidad motora, usuarios de lectores de pantalla o incluso usuarios avanzados. Si la web no se puede usar con teclado, no es accesible.
Problema habitual:
- Menús desplegables inaccesibles
- Elementos interactivos sin foco visible
- Orden de tabulación incoherente
Solución:
- Probar toda la web solo con teclado
- Asegurar foco visible en todos los elementos
- Revisar menús, sliders y pop-ups
6. Enlaces y botones poco descriptivos
«Haz clic aquí» o «Más» no aportan contexto cuando se leen fuera del entorno visual.
Problema habitual:
- Enlaces genéricos repetidos
- Botones sin contexto
- Iconos sin texto alternativo
Solución:
- Enlaces que expliquen su destino
- Botones claros y específicos
- Iconos acompañados de texto o aria-label
7. Contenidos dinámicos que no se anuncian
En e-commerce y webs modernas es habitual cargar contenido dinámico (mensajes, modales, validaciones) que no es detectado por tecnologías de asistencia.
Problema habitual:
- Mensajes de éxito o error invisibles
- Cambios de contenido sin aviso
- Carritos o filtros poco accesibles
Solución:
- Uso correcto de roles y atributos ARIA
- Pruebas con lector de pantalla
- Validaciones visibles y audibles
Errores frecuentes en tiendas online
En e-commerce, la accesibilidad afecta directamente a la facturación.
Problemas habituales:
- Filtros inaccesibles
- Proceso de checkout confuso
- Pasos no claramente identificados
- Mensajes de error poco claros
Un checkout accesible no solo cumple normativa: vende más.
Por qué muchas webs «creadas hace poco» no cumplen WCAG AA
Una confusión habitual es pensar que una web moderna o visualmente cuidada ya es accesible. En realidad, muchos temas, constructores visuales y plugins no cumplen WCAG AA por defecto.
La accesibilidad no depende solo del diseño, sino de:
- Cómo está construida la web
- Cómo se publica el contenido
- Qué decisiones se toman en cada componente
La importancia de una auditoría de accesibilidad profesional
Las herramientas automáticas ayudan, pero no son suficientes. Una auditoría real combina:
- Análisis automático
- Revisión manual
- Pruebas con teclado
- Revisión de flujos críticos
Solo así se obtiene una visión realista del nivel de cumplimiento y de las prioridades.
Cómo convertir esta checklist en una oportunidad de mejora
Para muchas empresas, empezar por una checklist como esta es el primer paso hacia:
- Cumplimiento normativo
- Mejor experiencia de usuario
- Mejores resultados SEO
- Mayor confianza del usuario
Desde una agencia especializada, el valor está en traducir esta checklist en acciones concretas, adaptadas a cada proyecto, sin soluciones genéricas.
Conclusión
La accesibilidad web no va de cumplir una lista interminable de requisitos, sino de corregir los errores que realmente afectan a las personas y al negocio.
Aplicar WCAG 2.1 AA empieza casi siempre por detectar estos fallos comunes y abordarlos con criterio técnico y estratégico.