Description : Outil permettant aux utilisateurs de personnaliser l'interface du site web en fonction de besoins visuels, cognitifs ou moteurs spécifiques, garantissant une navigation plus confortable pour tous.
À quoi ça sert ? (Exemples pratiques)
Cet outil est essentiel pour garantir que votre site web soit utilisable par le plus large public possible, y compris les utilisateurs avec des handicaps temporaires ou permanents.
- Améliorer la lisibilité : Un utilisateur malvoyant peut augmenter la taille du texte et activer le contraste élevé en un seul clic.
- Réduire les distractions : Un utilisateur dyslexique ou avec TDAH peut activer une police spécifique ou un masque de lecture pour mieux se concentrer sur le contenu.
- Garantir la sécurité : Les personnes sensibles aux stimuli visuels peuvent désactiver les animations et réduire la saturation des couleurs pour une navigation plus sûre.
Fonctionnalités principales
Le panneau d'accessibilité est accessible via une icône flottante sur le côté de l'écran et divise ses fonctions en quatre catégories principales :
1. Profils d'accessibilité (Paramètres rapides)
Ces profils activent automatiquement une combinaison d'outils optimisés pour des besoins spécifiques, permettant de configurer le site instantanément. L'activation d'un profil désactive automatiquement les autres.
| Profil | Objectif |
|---|---|
| Sûr pour l'épilepsie | Supprime les animations, effets de mouvement et réduit l'utilisation de couleurs saturées. |
| Pour malvoyants | Augmente le contraste et la taille du texte pour améliorer la visibilité. |
| Pour handicaps cognitifs | Met en évidence les liens et les titres principaux pour améliorer la concentration et l'orientation. |
| Amical pour TDAH | Active des outils qui réduisent les distractions visuelles, comme le masque de lecture. |
| Pour non-voyants | Optimise la navigation au clavier et l'utilisation de polices lisibles pour les lecteurs d'écran. |
2. Réglage du contenu
Ces outils agissent directement sur la présentation du texte.
- Augmenter/Réduire le texte : Ajuste la taille de la police sur toute la page, en conservant la proportion originale.
- Police lisible : Applique une police standard et claire (Arial) sur tous les éléments textuels.
- Police dyslexie : Applique une police spécialement conçue pour faciliter la lecture aux personnes dyslexiques.
- Mettre en évidence les titres : Ajoute une mise en évidence visuelle aux titres (H1, H2, etc.) pour faciliter le balayage de la page.
- Souligner les liens : Assure que tous les liens hypertextes soient clairement soulignés.
3. Réglage visuel
Ces outils modifient l'aspect chromatique et dynamique de la page.
- Contraste sombre : Applique un thème sombre (mode nuit) sur tout le site.
- Contraste élevé : Augmente drastiquement le contraste entre le texte et le fond.
- Basse saturation : Réduit l'intensité des couleurs.
- Masquer les images : Cache toutes les images décoratives et photographiques pour réduire la charge visuelle.
- Réduire les animations : Désactive les effets de transition et de mouvement.
4. Navigation et orientation
Ces outils assistent l'utilisateur dans le suivi du contenu et l'interaction avec la souris.
- Loupe : Agrandit le texte sur lequel le curseur de la souris se positionne.
- Masque de lecture : Assombrit une grande partie de l'écran, ne laissant visible qu'une étroite bande horizontale qui suit le curseur, aidant à maintenir la concentration sur la ligne en cours.
- Guide de lecture : Fournit une ligne horizontale qui suit le curseur pour aider à suivre la ligne de texte.
- Curseur noir/blanc grand : Augmente la taille du curseur de la souris et en change la couleur pour le rendre plus visible.
Comment le configurer
Le module ne nécessite aucune configuration de la part de l'administrateur, car il est conçu pour être utilisé directement par l'utilisateur final.
Note importante : Tous les paramètres choisis par l'utilisateur sont enregistrés dans son navigateur. Cela signifie qu'une fois activées, les préférences d'accessibilité resteront actives chaque fois que l'utilisateur reviendra sur le site, jusqu'à ce qu'elles soient désactivées ou réinitialisées.
Intégrations automatiques
Accès rapide et persistance
Le panneau d'accessibilité est toujours disponible via une icône flottante. Les paramètres choisis sont appliqués immédiatement et restent actifs même après la fermeture et la réouverture du navigateur.
Navigation assistée
Le module ajoute automatiquement un lien "Passer au contenu principal" au début de la page. Ceci est essentiel pour les utilisateurs naviguant au clavier ou avec un lecteur d'écran, leur permettant de contourner rapidement les éléments de navigation et d'accéder directement au contenu principal de la page.
Réinitialisation
Un bouton Réinitialiser est toujours disponible dans le panneau, qui annule toutes les modifications apportées et restaure l'apparence par défaut du site.
