Accesibilidad
El banner de ConsentForge está diseñado para cumplir con los estándares WCAG 2.1 AA.
Funciones de accesibilidad integradas
- Navegación por teclado — Soporte completo de teclado. Tab a través de los botones, Enter/Espacio para activar
- Trampa de foco — Cuando el modal o Centro de preferencias está abierto, el foco queda contenido dentro de él
- Roles ARIA — El banner usa
role="dialog"conaria-modal="true"yaria-labelledby - Soporte para lectores de pantalla — Todos los elementos interactivos tienen atributos descriptivos
aria-label - Enlace de salto — Se conserva 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 | Mover al siguiente elemento enfocable |
Shift+Tab | Mover al elemento enfocable anterior |
Enter / Espacio | Activar botón o interruptor enfocado |
Escape | Cerrar el Centro de preferencias (sin guardar) |
Probar la accesibilidad
Use estas herramientas para verificar:
- axe DevTools extensión de navegador
- WAVE evaluador de accesibilidad
- Prueba de navegación solo con teclado (sin ratón)
- Prueba con 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 sobrescrituras de CSS personalizado pueden romper la accesibilidad si no se mantienen las relaciones de contraste
Reportar problemas
Si encuentra un problema de accesibilidad, contacte con soporte en support@consentforge.com.