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é, prise en charge de reduced-motion, A11yToolbar et ARIA dans les lecteurs de quiz, diapositives et contenus interactifs.

2026-05-31 4 min
Resposta curta

Studeia vise WCAG 2.1 AA sur les cinq portails : skip-to-content, style de focus visible (focus-visible), thème à contraste élevé qui se superpose à n'importe lequel des 9 thèmes visuels, prise en charge de reduced-motion (prefers-reduced-motion + classe reduce-motion) et une A11yToolbar. Les lecteurs de quiz, diapositives et contenus interactifs disposent de rôles ARIA et d'une navigation au clavier, et tous les thèmes sont conçus pour atteindre 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 au clavier voient toujours où ils se trouvent.
  • Thème à contraste élevé — override .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 de basculer vers le contraste élevé, le texte plus grand et le mouvement réduit.

ARIA & clavier

Le lecteur de quiz, le lecteur de diapositives et les lecteurs de contenus interactifs (drag-drop, fill-blanks, timeline, branching, etc.) disposent de rôles ARIA et d'une navigation complète au clavier, ce qui permet d'utiliser les évaluations et les cours 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 se superpose à tout thème visuel, une prise en charge de reduced-motion qui respecte prefers-reduced-motion ainsi qu'une A11yToolbar. Les lecteurs de quiz, diapositives et contenus interactifs disposent de rôles ARIA et d'une navigation au clavier.

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

Oui. L'override de 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