Accesibilidad
Hoardly se compromete a hacer que la plataforma sea accesible para todos. Nuestro objetivo es cumplir con los estándares WCAG 2.1 Nivel AA.
Navegación con el teclado
Todos los elementos interactivos son accesibles y operables mediante el teclado:
| Tecla | Acción |
|---|---|
Tab | Moverse hacia adelante a través de los elementos interactivos |
Shift + Tab | Moverse hacia atrás a través de los elementos interactivos |
Enter | Activar botones y enlaces |
Espacio | Alternar casillas de verificación y botones |
Esc | Cerrar diálogos y menús desplegables |
Flechas | Navegar dentro de menús y listas |
Compatibilidad con lectores de pantalla
Hoardly implementa atributos ARIA en toda la aplicación:
- Elementos HTML semánticos para una estructura de documento adecuada.
- Etiquetas ARIA en todos los elementos interactivos.
- Roles ARIA para componentes de interfaz de usuario complejos (menús, diálogos, pestañas).
- Regiones activas para actualizaciones dinámicas de contenido.
- Enlaces de omisión para saltar al contenido principal.
- Texto alternativo descriptivo para imágenes.
- Etiquetas de formulario y mensajes de error correctamente asociados.
Realizamos pruebas con lectores de pantalla comunes, incluyendo NVDA y JAWS (Windows), VoiceOver (macOS/iOS) y TalkBack (Android).
Personalización visual
Hoardly incluye más de 20 temas de color integrados, todos diseñados teniendo en cuenta la accesibilidad:
- Modo oscuro: reduce la fatiga visual en entornos con poca luz.
- Modo claro: alto contraste para entornos brillantes.
- Múltiples temas de color: para adaptarse a diferentes preferencias y condiciones visuales.
- Espacio de color OKLCH: colores perceptualmente uniformes para una mejor legibilidad.
- Relaciones de contraste WCAG AA: mantenidas en todos los temas.
TIP
Utilice el control de tema en la parte superior (lado derecho) para explorar y cambiar entre temas. Su elección se recuerda en este dispositivo y se sincroniza con su cuenta cuando inicia sesión.
Diseño adaptable
La interfaz se adapta a diferentes tamaños de pantalla y métodos de entrada:
- Diseños optimizados para dispositivos táctiles.
- Tamaño de texto responsivo que respeta el zoom del navegador.
- Objetivos táctiles de al menos 44x44 píxeles (WCAG 2.1 Nivel AAA).
- El contenido se adapta sin desplazamiento horizontal.
- Funciona con el escalado de texto del navegador hasta un 200%.
Reportar problemas de accesibilidad
Si encuentra una barrera de accesibilidad, comuníquese con nosotros a través de support@hoardly.app y describa el problema, así como la página o función en la que lo encontró.