Accessibilité
Hoardly s'engage à rendre sa plateforme accessible à tous. Nous nous efforçons de respecter les normes WCAG 2.1 Niveau AA.
Navigation au clavier
Tous les éléments interactifs sont accessibles et utilisables via le clavier :
| Touche | Action |
|---|---|
Tab | Déplacer vers l'avant parmi les éléments interactifs |
Shift + Tab | Déplacer vers l'arrière parmi les éléments interactifs |
Entrée | Activer les boutons et les liens |
Espace | Basculer les cases à cocher et les boutons |
Échap | Fermer les dialogues et les menus déroulants |
Flèches directionnelles | Naviguer dans les menus et les listes |
Prise en charge des lecteurs d'écran
Hoardly implémente des attributs ARIA dans toute l'application :
- Éléments HTML sémantiques pour une structure de document appropriée
- Étiquettes ARIA sur tous les éléments interactifs
- Rôles ARIA pour les composants d'interface utilisateur complexes (menus, dialogues, onglets)
- Régions actives pour les mises à jour dynamiques du contenu
- Liens de contournement pour accéder directement au contenu principal
- Texte alternatif descriptif pour les images
- Étiquettes de formulaire et messages d'erreur correctement associés
Nous testons avec des lecteurs d'écran courants, notamment NVDA et JAWS (Windows), VoiceOver (macOS/iOS) et TalkBack (Android).
Personnalisation visuelle
Hoardly inclut plus de 20 thèmes de couleurs intégrés, tous conçus en tenant compte de l'accessibilité :
- Mode sombre : réduit la fatigue oculaire dans les environnements peu éclairés
- Mode clair : contraste élevé pour les environnements lumineux
- Plusieurs thèmes de couleurs : pour s'adapter à différentes préférences et conditions visuelles
- Espace colorimétrique OKLCH : couleurs uniformes sur le plan perceptuel pour une meilleure lisibilité
- Rapports de contraste WCAG AA : maintenus dans tous les thèmes
TIP
Utilisez le contrôle de thème dans l'en-tête (côté droit) pour parcourir et changer de thème. Votre choix est mémorisé sur cet appareil, et synchronisé avec votre compte lorsque vous êtes connecté.
Conception réactive
L'interface s'adapte à différentes tailles d'écran et méthodes d'entrée :
- Mises en page adaptées aux appareils tactiles
- Redimensionnement du texte qui respecte le zoom du navigateur
- Cibles tactiles d'au moins 44 x 44 pixels (WCAG 2.1 Niveau AAA)
- Le contenu s'adapte sans défilement horizontal
- Fonctionne avec l'augmentation du redimensionnement du texte dans le navigateur jusqu'à 200 %
Signalement des problèmes d'accessibilité
Si vous rencontrez une barrière d'accessibilité, veuillez nous contacter à support@hoardly.app en décrivant le problème et la page ou la fonctionnalité où vous l'avez rencontré.