Intégrer une police Dys pour améliorer l’accessibilité de votre site
Accessibilité Web : Créer une case à cocher pour activer une police Dys (RGAA 4.1)
Dans ce tutoriel pratique, vous apprendrez à intégrer une option d’accessibilité sur un site web, permettant à vos utilisateurs d’activer une police adaptée aux personnes dyslexiques, comme OpenDyslexic, via une simple case à cocher.
L’objectif est double :
Améliorer l’accessibilité de vos interfaces conformément aux critères du RGAA 4.1,
Mémoriser le choix de l’utilisateur entre les pages du site et lors de ses prochaines visites.
Au programme :
Intégration locale d’une police accessible (OpenDyslexic)
Création d’une interface simple avec une case à cocher
Application conditionnelle de la police via JavaScript et CSS
Utilisation de localStorage pour conserver le choix de l’utilisateur
Respect des bonnes pratiques d’accessibilité numérique (RGAA)
Objectifs pédagogiques :
À la fin de ce cours, vous serez capable de :
Proposer une interface accessible personnalisable par l’utilisateur
Gérer dynamiquement l’affichage d’une police alternative
Assurer la persistance du paramètre d’accessibilité
Comprendre l’impact de ce type d’option sur la conformité RGAA
Ce tutoriel constitue une excellente base pour enrichir vos projets web avec des fonctionnalités d’accessibilité essentielles, tout en respectant les référentiels actuels. Une approche simple, efficace et professionnelle !
- Durée de ce tuto: 33min
- Tarif de ce tuto: 10 €
- Date de ce tuto: 2025-08-05
Il y a actuellement 400 tutos
Il y a actuellement 25 bundles
