Accesibilidad
El banner de ConsentForge está diseñado para cumplir con los estándares WCAG 2.1 AA.
Características de accesibilidad integradas
- Navegación por teclado — Soporte completo de teclado. Navegue con Tab por los botones, Enter/Espacio para activar
- Trampa de foco — Cuando el modal o el Centro de preferencias está abierto, el foco se mantiene dentro de él
- Roles ARIA — El banner usa
role="dialog"conaria-modal="true"yaria-labelledby - Compatibilidad con lectores de pantalla — Todos los elementos interactivos tienen atributos descriptivos
aria-label - Enlace de salto — Se mantiene un enlace "Saltar al contenido principal" cuando el banner está abierto
- Alto contraste — La paleta de colores predeterminada cumple con una relación de contraste de 4,5:1 para texto normal
Atajos de teclado
| Tecla | Acción |
|---|---|
Tab | Ir al siguiente elemento enfocable |
Shift+Tab | Ir al elemento enfocable anterior |
Enter / Espacio | Activar el botón o interruptor enfocado |
Escape | Cerrar el Centro de preferencias (sin guardar) |
Pruebas de accesibilidad
Use estas herramientas para verificar:
- Extensión de navegador axe DevTools
- Evaluador de accesibilidad WAVE
- Prueba de navegación solo con teclado (sin ratón)
- Prueba de lector de pantalla (NVDA en Windows, VoiceOver en Mac/iOS)
Limitaciones conocidas
- El banner no admite diseños de texto de derecha a izquierda (RTL) en la versión actual
- Las anulaciones de CSS personalizado pueden romper la accesibilidad si no se mantienen las relaciones de contraste
Informar problemas
Si encuentra un problema de accesibilidad, contacte con soporte en support@consentforge.com.