WCAG 2.2 AA · European Accessibility Act
Checklist WCAG 2.2 para webs y tiendas online
La European Accessibility Act remite a la norma armonizada EN 301 549, basada en WCAG. Esta checklist reúne lo más importante para tiendas online y servicios digitales, e indica qué comprueba EAA Watch automáticamente.
Imágenes y multimedia
- Cada imagen informativa tiene un texto alternativo significativo; las decorativas tienen alt vacío.
- Los iconos y gráficos SVG con significado tienen una alternativa textual.
- Los vídeos tienen subtítulos; el contenido solo de audio tiene transcripción.
- El audio no se reproduce solo o se puede pausar.
Texto y color
- El texto tiene un contraste de al menos 4,5:1 (texto grande 3:1).
- Botones, bordes de campos e iconos importantes tienen al menos 3:1 de contraste.
- La información no se transmite solo con color (campos obligatorios, precios rebajados, errores).
- La página se puede ampliar al 200 % sin perder contenido; el zoom no está bloqueado.
Estructura
- Cada página tiene idioma (lang) y un título único y descriptivo.
- Los encabezados forman un esquema lógico (un solo h1, sin saltar niveles).
- Listas, tablas y zonas de la página usan un marcado HTML correcto.
Teclado y foco
- Todas las funciones se pueden usar solo con teclado: menú, filtros, carrito, pago.
- El foco del teclado siempre es claramente visible.
- No hay trampas de teclado en ventanas emergentes, chats o banners de cookies.
- Un enlace «saltar al contenido» o puntos de referencia permiten evitar bloques repetidos.
- El elemento con foco no queda oculto tras cabeceras fijas o banners.
Formularios y pago
- Cada campo tiene una etiqueta visible (el placeholder no cuenta).
- Los mensajes de error dicen qué falla y cómo corregirlo.
- Los campos de nombre, dirección y correo usan autocomplete.
- El acceso y el pago no exigen acertijos ni pruebas de memoria sin alternativa.
- No hay que volver a introducir información ya facilitada.
Enlaces y botones
- Enlaces y botones tienen nombres comprensibles, también los botones con icono.
- Las zonas táctiles miden al menos 24 × 24 píxeles CSS o tienen suficiente separación.
- Las acciones de arrastrar tienen una alternativa con un solo clic.
Contenido dinámico
- Los mensajes de estado («añadido al carrito», errores) se anuncian a los lectores de pantalla.
- Carruseles y animaciones se pueden pausar; nada parpadea más de tres veces por segundo.
- Los límites de tiempo se pueden ampliar o desactivar.
Esta checklist es una ayuda práctica, no asesoramiento jurídico. Las herramientas automáticas solo encuentran con fiabilidad una parte de los problemas: úsala junto con una revisión manual y, si hace falta, asesoramiento profesional.
Comprueba gratis lo que se puede comprobar automáticamente
EAA Watch prueba una página según WCAG 2.2 AA en segundos y explica cada resultado con claridad.