Acessibilidade

Acessibilidade

Visão geral

A plataforma está sendo continuamente aprimorada para melhorar a acessibilidade, garantindo que todos os alunos, incluindo aqueles com deficiência, possam acessá-la e desfrutar de seu uso.

Combinações de leitor de tela e navegador suportadas

O código foi testado usando as seguintes combinações de leitor de tela e navegador.

Regiões emblemáticas da ARIA

Regiões de referência, como navegação, pesquisa, principal, complementar e informações de conteúdo, são usadas em toda a plataforma para facilitar a navegação entre as regiões.

Ir para o conteúdo

Um link " Pular para o conteúdo" é fornecido no início de cada página, que levará o usuário diretamente para a área de conteúdo principal quando selecionado.


Atalhos de teclado

  • Pressione Escape quando estiver dentro de uma área de navegação expandida ou janela de diálogo para fechar a área expandida e retornar ao link que a abriu.
  • Dentro de um formulário, pressione Tab ou Shift + Tab para navegar para frente ou para trás entre os controles do formulário.
  • Para acessar a barra de menus do editor HTML com um teclado:
    • Usuários do Windows:
      • Use a tecla Tab para acessar a seção Mensagens. Pressione Alt + F9 para focar na barra de menus.
      • Navegue com as teclas de seta e abra os menus com a tecla Enter ou Return .
      • Use a tecla Tab para navegar entre as linhas do menu.
      • Use a tecla Esc para fechar o editor.
    • Usuários de Mac:
      • Use a tecla Tab para acessar a seção Mensagens. Use Option + F9 ou Option + fn + F9 para focar na barra de menus.
      • Navegue com as teclas de seta e abra os menus com a tecla Enter .
      • Use a tecla Tab para navegar entre as linhas do menu.
      • Use a tecla Esc para fechar o editor.

Tema de alto contraste

A plataforma oferece um tema de alto contraste que segue os requisitos de contraste do WCAG 2.2 para melhorar a usabilidade. Os administradores podem ativar a configuração de alto contraste da seguinte forma:
  1. Ao clicar em Admin no menu de navegação principal.
  2. Ao clicar em Portal no menu suspenso.
  3. Ao clicar na aba Acessibilidade , você encontrará três configurações de acessibilidade disponíveis:
    1. Utilizar o carrossel acessível no portal do visitante - adiciona opções de reprodução e pausa : Esta configuração adiciona botões de reprodução e pausa ao carrossel do portal.
    2. Usar tema de alto contraste : Esta configuração ativa um tema de alto contraste para todos os usuários, adicionando contraste extra a diversos elementos, como links, caixas de seleção e botões. Observe que ativar esta configuração substitui as configurações individuais de cada usuário e força todos a usarem o tema de alto contraste.
    3. Permitir que os usuários ativem o tema de acessibilidade de alto contraste : essa configuração permite que os usuários ativem ou desativem o tema de acessibilidade de alto contraste individualmente. Essa opção permite que os usuários determinem a configuração de acessibilidade mais adequada para eles.
Administração, Portal, guia Acessibilidade com as opções Usar o carrossel acessível no portal do visitante e Permitir que os usuários ativem as configurações do tema de acessibilidade de alto contraste selecionadas.

Se você habilitar a configuração "Permitir que os usuários ativem o tema de acessibilidade de alto contraste" , os usuários poderão optar por ativar ou desativar o tema de alto contraste por conta própria. Para ativar a configuração de alto contraste, os usuários devem:
  1. Clique na foto do perfil deles.
  2. Clique em Ativar alto contraste no menu suspenso.
    1. Se os usuários desejarem desativar o tema de alto contraste, eles clicam em Desativar alto contraste no menu suspenso.
O tema de acessibilidade de alto contraste será ativado para o usuário, adicionando contraste extra a elementos como links, caixas de seleção e botões.

Perspectiva do aluno no painel da página inicial com o menu Perfil ativo e a opção Ativar alto contraste destacada.

Acessibilidade em funcionalidades específicas

As seguintes áreas da plataforma foram especificamente aprimoradas para acessibilidade.

Texto alternativo no editor HTML

Ao adicionar uma imagem, os usuários podem adicionar texto alternativo a cada imagem.
  1. No editor HTML, clique em Ícone de upload de imagem Ícone de upload de imagem .
  2. Selecione uma imagem para carregar.
  3. Adicione um texto alternativo ao campo de descrição da imagem .
  4. Clique em Salvar .


Calendário

O Calendário oferece suporte à visualização de Agenda, que exibe todos os eventos em formato de lista. Para acessar a visualização de agenda:
  1. Clique em "Calendário completo" no widget Calendário.
  2. Clique em Agenda .
Página do calendário com o botão Agenda destacado