Recursos de Acessibilidade

O SubLearn foi projetado com acessibilidade no seu centro. Temos o compromisso de oferecer uma experiência de aprendizado inclusiva para todos os usuários, independentemente de suas habilidades ou das tecnologias assistivas que utilizam. Nossa plataforma segue as Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1 nível AA para garantir que o aprendizado de idiomas seja acessível a todos.

Suporte a Leitores de Tela

O SubLearn é totalmente compatível com leitores de tela populares, incluindo NVDA, JAWS, VoiceOver e TalkBack. Utilizamos HTML semântico e rótulos ARIA (Accessible Rich Internet Applications) abrangentes em toda a plataforma para garantir que todo o conteúdo e elementos interativos sejam corretamente anunciados aos usuários de leitores de tela.

HTML Semântico: Todo o conteúdo da página é estruturado com hierarquia adequada de títulos (h1, h2, h3, etc.), elementos semânticos (main, nav, article, section) e textos descritivos em links.
Rótulos ARIA: Campos de formulário, botões e regiões de conteúdo dinâmico são rotulados com atributos ARIA apropriados, incluindo aria-label, aria-describedby e aria-live para atualizações em tempo real.
Texto Alternativo: Todas as imagens, incluindo miniaturas e ícones, possuem texto alternativo descritivo para transmitir o significado a usuários que não podem vê-las.
Acessibilidade de Formulários: Todos os controles de formulário estão devidamente associados a rótulos, mensagens de erro são anunciadas e o feedback de validação é fornecido de forma clara.

Navegação Completa por Teclado

Todos os recursos do SubLearn são totalmente acessíveis via navegação por teclado. Você não precisa de um mouse para usar qualquer parte da plataforma:

Navegação por Tab: Use Tab e Shift+Tab para navegar pelos elementos interativos em uma ordem lógica de leitura.
Atalhos de Teclado: Acesse nosso guia completo de atalhos de teclado (pressione ? em qualquer lugar) para navegar, controlar a reprodução de vídeo, avaliar flashcards e muito mais.
Gerenciamento de Foco: Indicadores visuais de foco são claramente visíveis em todos os elementos interativos para que você sempre saiba onde está na página.
Conteúdo Pulável: Um link "Pular para o conteúdo principal" está disponível no topo de cada página para ignorar a navegação e ir direto à área principal de aprendizado.
Sem Armadilha de Teclado: Usuários de teclado não podem ficar presos em nenhum elemento; o foco sempre pode se mover para frente e para trás pela interface.

Modo de Movimento Reduzido

Animações e transições podem ser distrativas ou causar desconforto para alguns usuários. O SubLearn respeita a configuração prefers-reduced-motion do seu dispositivo:

Detecção Automática: Se você ativou "Reduzir movimento" ou "Reduzir animação" nas configurações do seu sistema operacional, o SubLearn desativará automaticamente animações não essenciais.
Transições de Página: Animações de fade e slide são desativadas no modo de movimento reduzido.
Elementos Interativos: Efeitos de hover e microinterações continuam funcionais, mas sem movimento desnecessário.
Animações Preservadas: Feedback visual crítico (como estados de botão ou indicadores de carregamento) continua funcionando normalmente.

Alto Contraste e Design Amigável para Daltônicos

O design do SubLearn leva em conta o daltonismo e a sensibilidade ao contraste:

Independência de Cor: Informações nunca são transmitidas apenas por cor. Por exemplo, erros de validação de formulários usam texto, ícones e cor juntos.
Alto Contraste: Textos e elementos interativos mantêm uma proporção mínima de contraste de 4.5:1 para texto normal e 3:1 para texto grande, atendendo aos padrões WCAG AA.
Modo Escuro: Um modo escuro de alto contraste está disponível para reduzir o cansaço visual e melhorar a legibilidade em ambientes com pouca luz. Tanto o modo claro quanto o escuro atendem aos requisitos de contraste de acessibilidade.
Paleta para Daltônicos: Nossas cores de destaque e elementos de interface são escolhidos para serem distinguíveis por usuários com daltonismo (deuteranopia, protanopia e tritanopia).

Tamanho de Texto e Legibilidade

O SubLearn suporta tamanhos de texto flexíveis e mantém a legibilidade em todos os níveis de zoom:

Zoom do Navegador: Você pode aumentar e diminuir o zoom usando Ctrl/Cmd + Mais/Menos sem que o conteúdo fique distorcido ou inutilizável.
Tipografia Responsiva: Os tamanhos de texto se ajustam adequadamente em dispositivos móveis, tablets e desktops.
Altura de Linha e Espaçamento: Alturas de linha e espaçamento entre letras generosos melhoram a legibilidade e reduzem o cansaço visual durante sessões longas de estudo.
Fontes Legíveis: Usamos fontes sans-serif claras e com boa legibilidade em todos os tamanhos.

Legendas e Transcrições de Vídeo

Todos os vídeos no SubLearn incluem legendas e transcrições completas para usuários surdos, com deficiência auditiva ou que preferem aprendizado baseado em texto:

Geradas e Revisadas Automaticamente: As legendas dos vídeos são geradas automaticamente e revisadas para garantir precisão.
Múltiplos Idiomas: Legendas estão disponíveis no idioma original do vídeo e em inglês.
Controle de Alternância: Os usuários podem facilmente ligar/desligar as legendas e ajustar a exibição das legendas (pressione S ou use os controles do player).
Transcrições Completas: Transcrições completas estão disponíveis para cada vídeo, para usuários que preferem ler o conteúdo na íntegra.

Indicadores de Foco e Feedback Visual

Indicadores de foco claros e visíveis ajudam usuários de teclado e pessoas com deficiências motoras a navegar pela interface:

Anel de Foco Visível: Um anel de foco violeta brilhante aparece ao redor de botões, links e campos de formulário quando recebem foco do teclado.
Estados de Hover: Botões e links mudam claramente de aparência quando são destacados ou focados.
Clareza de Estado Desabilitado: Elementos desabilitados são visualmente distintos e não podem ser interagidos.

Reportando Problemas de Acessibilidade

Seu feedback nos ajuda a melhorar a acessibilidade para todos. Se você encontrar alguma barreira de acessibilidade ou tiver sugestões de melhoria:

Use o formulário de Contato com o Suporte e selecione "Problema de Acessibilidade" como categoria.
Envie um e-mail para [email protected] com detalhes sobre a barreira e sua tecnologia assistiva.
Inclua a URL da página, o recurso específico afetado e quaisquer mensagens de erro que você encontrou.
Nosso objetivo é responder a relatos de acessibilidade em até 24 horas e fornecer uma solução ou alternativa rapidamente.