Aller au contenu
Studeia Docs
AI-assisted translation — last updated 2026-05-31. For original (pt-BR or en-US), use the language switcher.

Accessibilité : WCAG 2.1 AA sur tous les portails

Studeia vise WCAG 2.1 AA : skip-to-content, focus visible, thème à contraste élevé, support du reduced-motion, A11yToolbar et ARIA dans les visionneuses de quiz, diapositives et contenu interactif.

Par Équipe Studeia 2026-05-31 4 min
Resposta curta

Studeia a été conçu pour être utilisable par tous les apprenants et respecte WCAG 2.1 AA sur les cinq portails — une exigence courante dans les marchés publics et institutionnels. Il inclut la navigation au clavier, le focus visible, un thème à contraste élevé applicable sur n'importe lequel des thèmes, le support de la réduction de mouvement, une A11yToolbar et ARIA dans les visionneuses de quiz, de diapositives et de contenu interactif. Tous les thèmes atteignent le contraste AA de 4,5:1.

Ce qui est inclus

  • Skip-to-content sur tous les portails.
  • Focus visible — style focus-visible cohérent pour que les utilisateurs de clavier voient toujours où ils se trouvent.
  • Thème à contraste élevé — remplacement .high-contrast qui fonctionne sur n'importe lequel des 9 thèmes visuels (utilise !important).
  • Reduced motion — les animations respectent prefers-reduced-motion et la classe .reduce-motion.
  • A11yToolbar — barre permettant à l'utilisateur d'activer le contraste élevé, un texte plus grand et le mouvement réduit.

ARIA & clavier

Le lecteur de quiz, la visionneuse de diapositives et les visionneuses de contenu interactif (glisser-déposer, remplir les blancs, chronologie, branchement, etc.) disposent de rôles ARIA et d'une navigation complète au clavier, de sorte que les évaluations et les cours sont utilisables sans souris.

Contraste multi-thèmes

Les thèmes clairs définissent color-scheme: light automatiquement ; tous les thèmes sont conçus pour le contraste AA de 4,5:1, et l'anneau de focus reste visible quel que soit le thème actif.

Voir aussi

FAQ

Studeia est-il accessible (WCAG) ?

Studeia vise WCAG 2.1 AA. Il inclut des liens skip-to-content, un style de focus visible (focus-visible), un thème à contraste élevé qui remplace n'importe quel thème visuel, un support du reduced-motion qui respecte prefers-reduced-motion ainsi qu'une A11yToolbar. Les visionneuses de quiz, de diapositives et de contenu interactif disposent de rôles ARIA et d'une navigation au clavier.

Le contraste élevé fonctionne-t-il avec les thèmes visuels ?

Oui. Le remplacement du contraste élevé utilise !important et fonctionne sur n'importe lequel des 9 thèmes visuels. Les thèmes clairs définissent color-scheme: light automatiquement, et tous les thèmes sont conçus pour atteindre le contraste AA de 4,5:1 avec un anneau de focus visible.

Veja tambem

Accessibilité : WCAG 2.1 AA sur tous les portails