Skip to content
Studeia Docs

Accessibility: WCAG 2.1 AA across every portal

Studeia targets WCAG 2.1 AA: skip-to-content, visible focus, high-contrast theme, reduced-motion support, an A11y toolbar, and ARIA on quiz, slide and interactive viewers.

2026-05-31 4 min
Resposta curta

Studeia targets WCAG 2.1 AA across all five portals: skip-to-content, a visible focus-visible style, a high-contrast theme that overrides any of the 9 visual themes, reduced-motion support (prefers-reduced-motion + a reduce-motion class), and an A11yToolbar. Quiz, slide and interactive viewers ship ARIA roles and keyboard navigation, and every theme is designed to meet the 4.5:1 AA contrast ratio.

What's included

  • Skip-to-content link on every portal.
  • Visible focus — a consistent focus-visible style so keyboard users always see where they are.
  • High-contrast theme — a .high-contrast override that works on top of any of the 9 visual themes (uses !important).
  • Reduced motion — animations respect prefers-reduced-motion and a .reduce-motion class.
  • A11yToolbar — a user-facing toolbar to toggle high contrast, larger text and reduced motion.

ARIA & keyboard

The quiz player, slide viewer and interactive content viewers (drag-drop, fill-blanks, timeline, branching, etc.) include ARIA roles and full keyboard navigation, so assessments and lessons are operable without a mouse.

Cross-theme contrast

Light themes set color-scheme: light automatically; all themes are designed to meet the WCAG AA 4.5:1 contrast ratio, and the focus ring stays visible regardless of the active theme.

See also

FAQ

Is Studeia accessible (WCAG)?

Studeia targets WCAG 2.1 AA. It ships skip-to-content links, a visible focus-visible style, a high-contrast theme that overrides any visual theme, reduced-motion support that respects prefers-reduced-motion, and an A11yToolbar. Quiz, slide and interactive content viewers include ARIA roles and keyboard navigation.

Does high contrast work with the visual themes?

Yes. The high-contrast override uses !important and works on top of any of the 9 visual themes. Light themes set color-scheme: light automatically, and every theme is designed to meet the 4.5:1 AA contrast ratio with a visible focus ring.

Veja tambem

Accessibility: WCAG 2.1 AA across every portal