Pular para o conteúdo
Studeia Docs

Acessibilidade: WCAG 2.1 AA em todos os portais

O Studeia mira WCAG 2.1 AA: skip-to-content, foco visivel, tema de alto contraste, suporte a reduced-motion, A11yToolbar e ARIA nos viewers de quiz, slides e conteudo interativo.

2026-05-31 4 min
Resposta curta

O Studeia mira WCAG 2.1 AA nos cinco portais: skip-to-content, estilo de foco visivel (focus-visible), tema de alto contraste que sobrepoe qualquer um dos 9 temas visuais, suporte a reduced-motion (prefers-reduced-motion + classe reduce-motion) e uma A11yToolbar. Os viewers de quiz, slides e conteudo interativo tem roles ARIA e navegacao por teclado, e todos os temas sao desenhados para atingir o contraste AA de 4.5:1.

O que esta incluido

  • Skip-to-content em todos os portais.
  • Foco visivel — estilo focus-visible consistente para que usuarios de teclado sempre vejam onde estao.
  • Tema de alto contraste — override .high-contrast que funciona sobre qualquer um dos 9 temas visuais (usa !important).
  • Reduced motion — animacoes respeitam prefers-reduced-motion e a classe .reduce-motion.
  • A11yToolbar — barra para o usuario alternar alto contraste, texto maior e movimento reduzido.

ARIA & teclado

O quiz player, o slide viewer e os viewers de conteudo interativo (drag-drop, fill-blanks, timeline, branching, etc.) tem roles ARIA e navegacao completa por teclado, entao avaliacoes e aulas sao operaveis sem mouse.

Contraste cross-theme

Temas claros setam color-scheme: light automaticamente; todos os temas sao desenhados para o contraste AA de 4.5:1, e o anel de foco permanece visivel independente do tema ativo.

Veja tambem

FAQ

O Studeia e acessivel (WCAG)?

O Studeia mira WCAG 2.1 AA. Inclui links skip-to-content, estilo de foco visivel (focus-visible), tema de alto contraste que sobrepoe qualquer tema visual, suporte a reduced-motion que respeita prefers-reduced-motion e uma A11yToolbar. Os viewers de quiz, slides e conteudo interativo tem roles ARIA e navegacao por teclado.

O alto contraste funciona com os temas visuais?

Sim. O override de alto contraste usa !important e funciona sobre qualquer um dos 9 temas visuais. Temas claros setam color-scheme: light automaticamente, e todos os temas sao desenhados para atingir o contraste AA de 4.5:1 com anel de foco visivel.

Veja tambem

Acessibilidade: WCAG 2.1 AA em todos os portais | Studeia Docs