Accesibilidad

Studio Arcana busca valores amigables con WCAG para que cada cliente pueda reservar y comprar: enlace saltar al contenido principal, landmarks semánticos, anillos de foco visibles y actualizaciones en vivo cuando cambia el carrito. Los sliders antes/después y los modales funcionan con teclado.

Lo que el tema ya hace

• Enlace saltar a #MainContent y landmarks claros.
• Estilos de foco visibles ligados al token de anillo del tema.
• Modales (newsletter, lightbox, portafolio, vista rápida, tabla de tallas) mantienen el foco dentro y lo restauran al control que los abrió; Escape cierra.
• La vista rápida se cierra tras un add to cart correcto para no atrapar el foco en un diálogo ya cerrado.
• Los cajones de filtros de colección atrapan el Tab, cierran con Escape y restauran el foco al botón Filtros.
• Los padres del menú móvil con hijos exponen un enlace real a la página padre más un control de revelado del submenú.
• La carga progresiva On scroll de Portfolio gallery pasa a botón Cargar más cuando el SO pide menos movimiento.
• Las actualizaciones del carrito se anuncian a la tecnología de asistencia.
• Las animaciones respetan Animaciones desactivadas y la reducción de movimiento del sistema (incluido abrir/cerrar diálogos).

Tienda online → Temas → Personalizar (previsualiza en móvil y con teclado)

Comprobaciones antes de publicar

1. Recorre con Tab la cabecera, búsqueda, mega menú, CTAs Reservar, filtros, vista rápida y cajón del carrito — el foco no desaparece.
2. En colección móvil, abre Filtros, recorre el panel con Tab, pulsa Escape y confirma que el foco vuelve al botón Filtros.
3. Abre y cierra diálogos solo con teclado; confirma que la página de detrás no es interactiva mientras están abiertos.
4. Haz zoom al 200 % en producto y carrito — el contenido sigue usable.
5. Desactiva Animaciones y confirma que el movimiento decorativo se detiene.
6. Confirma que cada imagen que añadiste tiene un alt significativo.
7. Revisa manualmente inicio de sesión, pedidos, direcciones, activación y restablecimiento de contraseña cuando las cuentas de cliente estén activas (los flujos autenticados no están completamente automatizados).

Cobertura de accesibilidad más amplia

El trabajo próximo amplía las pruebas automáticas y manuales a cuenta, tarjeta regalo, servicio, especialista, age gate, localización, colores forzados y RTL — para que los lanzamientos listos para marketplace sigan siendo accesibles al activar más funciones. Combina esta guía con Rendimiento y la Lista completa de lanzamiento.

Cómo comprobar que funciona

• Puedes completar Reservar y Añadir al carrito solo con el teclado.
• Los lectores de pantalla oyen nombres útiles en botones principales y errores de formulario.
• Pide a tu implementador un pase de accesibilidad (por ejemplo axe + Lighthouse) en inicio, producto y carrito tras publicar.