eye

Fonctionnalités d'accessibilité

advanced 4 min #accessibility #a11y #screen reader

SubLearn est concu avec l'accessibilité au cœur de son fonctionnement. Nous nous engageons à offrir une expérience d'apprentissage inclusive pour tous les utilisateurs, quelles que soient leurs capacités ou les technologies d'assistance qu'ils utilisent. Notre plateforme respecte les Directives pour l'accessibilité des contenus Web (WCAG) 2.1 niveau AA afin de garantir que l'apprentissage des langues soit accessible à tout le monde.

Fonctionnalités d'accessibilité

SubLearn est concu avec l'accessibilité au cœur de son fonctionnement. Nous nous engageons à offrir une expérience d'apprentissage inclusive pour tous les utilisateurs, quelles que soient leurs capacités ou les technologies d'assistance qu'ils utilisent. Notre plateforme respecte les Directives pour l'accessibilité des contenus Web (WCAG) 2.1 niveau AA afin de garantir que l'apprentissage des langues soit accessible à tout le monde.

Compatibilité avec les lecteurs d'écran

SubLearn est entièrement compatible avec les lecteurs d'écran les plus courants, dont NVDA, JAWS, VoiceOver et TalkBack. Nous utilisons la sémantique HTML et les labels ARIA (Applications Internet riches accessibles) complets sur toute la plateforme pour que tout le contenu et les éléments interactifs soient correctement annoncés aux utilisateurs de lecteurs d'écran.

  • Sémantique HTML : Tout le contenu est structuré avec une hiérarchie de titres corrects (h1, h2, h3, etc.), des éléments sémantiques (principal, nav, article, section) et des textes de liens descriptifs.
  • Libellés ARIA : Les champs de formulaire, boutons et zones de contenu dynamique sont annotés avec les attributs appropriés ARIA, notamment aria-label, aria-describeby et aria-live pour les mises à jour en temps reel.
  • Texte alternatif : Toutes les images, y compris les miniatures et icônes, incluent un texte alternatif descriptif pour transmettre leur signification aux utilisateurs qui ne peuvent pas les voir.
  • Accessibilité des formulaires : Tous les contrôles de formulaire sont correctement associés aux étiquettes, les messages d'erreur sont annonces et les retours de validation sont fournis clairement.

Navigation complète au clavier

Chaque fonctionnalité de SubLearn est entièrement accessible via la navigation au clavier. Tu n'as pas besoin d'une souris pour utiliser la plateforme :

  • Navigation par tabulation : Utilisez Tab et Maj+Tab pour naviguer entre les éléments interactifs dans un ordre de lecture logique.
  • Raccourcis clavier : Consultez notre guide complet des raccourcis clavier (appuie sur ? n'importe ou) pour naviguer, contrôler la vidéo de lecture, évaluer les flashcards, et bien plus.
  • Gestion du focus : Les indicateurs de focus visuels sont clairement visibles sur tous les éléments interactifs pour que tu saches toujours ou tu te trouves sur la page.
  • Contenu à sauter : Un lien "Aller au contenu principal" est disponible en haut de chaque page pour passer la navigation et accéder directement à la zone d'apprentissage.
  • Pas de piege clavier : Les utilisateurs au clavier ne peuvent jamais rester bloqués sur un élément ; le focus peut toujours avancer et reculer dans l'interface.

Mode mouvement réduit

Les animations et transitions peuvent être distrayantes ou génantes pour certains utilisateurs. SubLearn respecte le règlement préfère les mouvements réduits de ton appareil :

  • Détection automatique : Si vous avez activé "Réduire les animations" dans les paramètres de votre système d'exploitation, SubLearn désactive automatiquement les animations non essentielles.
  • Transitions de page : Les animations de fondu et de glissement sont désactivées en mode mouvement réduit.
  • Éléments interactifs : Les effets au survol et micro-interactions restent fonctionnels mais sans mouvements inutiles.
  • Animations conservées : Les retours visuels critiques (comme les états des boutons ou les indicateurs de chargement) continuent de fonctionner correctement.

Concevoir haute contraste et s'adapter aux daltoniens

Le design de SubLearn tient compte du daltonisme et de la sensibilité au contraste :

  • Indépendance des couleurs : L'information n'est jamais transmise uniquement par la couleur. Par exemple, les erreurs de validation du formulaire utilisent du texte, des icônes et de la couleur ensemble.
  • Contraste élevé : Le texte et les éléments interactifs maintiennent un rapport de contraste minimum de 4,5:1 pour le texte normal et 3:1 pour le texte large, conforme aux normes WCAG AA.
  • Mode sombre : Un mode sombre à contraste élevé est disponible pour réduire la fatigue oculaire et améliorer la lisibilité en environnement faiblement clair. Les modes clair et sombre respectent tous deux les exigences de contraste d'accessibilité.
  • Palette adaptée aux Daltoniens : Nos couleurs d'accentuation et éléments d'interface sont choisis pour être distinguables par les utilisateurs atteints de daltonisme (deutéranopie, protanopie et tritanopie).

Taille du texte et lisibilité

SubLearn supporte un dimensionnement flexible du texte et maintient la lisibilité à tous les niveaux de zoom :

  • Zoom du navigateur : Vous pouvez zoomer et dézoomer avec Ctrl/Cmd + Plus/Moins sans que le contenu devienne déformé ou inutilisable.
  • Typographie responsive : Les tailles de texte s'adaptent correctement sur mobile, tablette et ordinateur.
  • Hauteur de ligne et espacement : Des hauteurs de ligne et des espacements généreux améliorent la lisibilité et réduisent la fatigue oculaire pendant les longues séances d'étude.
  • Politiques responsables : Nous utilisons des polices sans-serif claires et très lisibles à toutes les tailles.

Vidéo Sous-titres et transcriptions

Toutes les vidéos sur SubLearn incluent des sous-titres complets et des transcriptions pour les utilisateurs sourds, malentendants, ou qui préfèrent l'apprentissage par le texte :

  • Génère et vérifie : Les sous-titres vidéo sont générés automatiquement puis vérifiés pour leur précision.
  • Plusieurs langues : Les sous-titres sont disponibles dans la langue originale de la vidéo et en anglais.
  • Contrôle d'affichage : Vous pouvez facilement activer/désactiver les sous-titres et ajuster l'affichage (appuyez sur S ou utilisez les commandes du lecteur).
  • Transcriptions complètes : Des transcriptions complètes sont disponibles pour chaque vidéo si vous préférez lire l'intégralité du contenu.

Indicateurs de focus et retour visuel

Des indicateurs de focus clairs et visibles indiquent les utilisateurs au clavier et les personnes ayant des handicaps moteurs a naviguer dans l'interface :

  • Anneau de mise au point visible : Un anneau de focus violet vif apparaît autour des boutons, liens et champs de saisie lorsqu'ils recoivent le focus clavier.
  • Etats au survol : Les boutons et liens changent clairement d'apparence au survol ou au focus.
  • Clarite des éléments désactifs : Les éléments désactifs sont visuellement distincts et ne sont pas interactifs.

Signaler des problèmes d'accessibilité

Tes retours nous offrent une amélioration de l'accessibilité pour tout le monde. Si vous rencontrez des barrières d'accessibilité ou si vous avez des suggestions d'amélioration :

  • Utiliser le formulaire Contacter le support et sélectionne "Problème d'accessibilité" comme catégorie.
  • Écris-nous a accessibilité@sublearn.org en détaillant la barrière et la technologie d'assistance que vous utilisez.
  • Inclut l'URL de la page, la fonctionnalité spécifique concernée et les messages d'erreur que vous avez comme rencontres.
  • Nous visons à répondre aux signaux d'accessibilité sous 24 heures et à fournir une solution ou un contournement rapidement.

Ressources sur l'accessibilité

En savoir plus sur l'accessibilité web et les technologies d'assistance :

  • Directives WCAG 2.1 : Visite www.w3.org/WAI/WCAG21/quickref/ pour les normes d'accessibilité détaillées.
  • WebAIM : webaim.org propose des conseils pratiques pour utiliser le web de manière accessible.
  • Ressources sur les technologies d'assistance : Des organisations comme l'Fondation américaine pour les aveugles offrir des ressources pour les utilisateurs de technologies d'assistance.

SubLearn s'engage dans une amélioration continue de l'accessibilité. Nous auditons régulièrement notre plateforme selon les normes d'accessibilité et accueillons les retours des utilisateurs pour mieux servir tous les apprenants. L'apprentissage des langues doit être inclusif et accessible à tous, et nous prenons cette responsabilité au sérieux.

Guide utile ?

Partager le guide