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

Accesibilidad: WCAG 2.1 AA en todos los portales

Studeia apunta a WCAG 2.1 AA: skip-to-content, foco visible, tema de alto contraste, soporte a reduced-motion, A11yToolbar y ARIA en los viewers de quiz, diapositivas y contenido interactivo.

2026-05-31 4 min
Resposta curta

Studeia apunta a WCAG 2.1 AA en los cinco portales: skip-to-content, estilo de foco visible (focus-visible), tema de alto contraste que sobrepone cualquiera de los 9 temas visuales, soporte a reduced-motion (prefers-reduced-motion + clase reduce-motion) y una A11yToolbar. Los viewers de quiz, diapositivas y contenido interactivo tienen roles ARIA y navegación por teclado, y todos los temas están diseñados para alcanzar el contraste AA de 4.5:1.

Qué está incluido

  • Skip-to-content en todos los portales.
  • Foco visible — estilo focus-visible consistente para que los usuarios de teclado siempre vean dónde están.
  • Tema de alto contraste — override .high-contrast que funciona sobre cualquiera de los 9 temas visuales (usa !important).
  • Reduced motion — las animaciones respetan prefers-reduced-motion y la clase .reduce-motion.
  • A11yToolbar — barra para que el usuario alterne alto contraste, texto más grande y movimiento reducido.

ARIA y teclado

El quiz player, el slide viewer y los viewers de contenido interactivo (drag-drop, fill-blanks, timeline, branching, etc.) tienen roles ARIA y navegación completa por teclado, por lo que las evaluaciones y lecciones son operables sin ratón.

Contraste cross-theme

Los temas claros establecen color-scheme: light automáticamente; todos los temas están diseñados para el contraste AA de 4.5:1, y el anillo de foco permanece visible independientemente del tema activo.

Ver también

FAQ

¿Studeia es accesible (WCAG)?

Studeia apunta a WCAG 2.1 AA. Incluye enlaces skip-to-content, estilo de foco visible (focus-visible), tema de alto contraste que sobrepone cualquier tema visual, soporte a reduced-motion que respeta prefers-reduced-motion y una A11yToolbar. Los viewers de quiz, diapositivas y contenido interactivo tienen roles ARIA y navegación por teclado.

¿El alto contraste funciona con los temas visuales?

Sí. El override de alto contraste usa !important y funciona sobre cualquiera de los 9 temas visuales. Los temas claros establecen color-scheme: light automáticamente, y todos los temas están diseñados para alcanzar el contraste AA de 4.5:1 con anillo de foco visible.

Veja tambem

Accesibilidad: WCAG 2.1 AA en todos los portales