Esse checklist fornece um ponto de partida para que os desenvolvedores de e-Learning melhorem a usabilidade do seu conteúdo.

Cores

Pode parecer óbvio, mas as cores usadas em seus materiais de aprendizagem terão um grande impacto em sua legibilidade, não apenas por leitores de tela, mas também a olho nu. Considerações simples, como imprimir elementos em preto e branco, ajudarão os usuários com daltonismo a diferenciar o conteúdo da maneira que ele precisa ser.
Certifique-se de usar cores altamente contrastantes, por exemplo, usando uma cor de texto mais clara contra um fundo escuro, ou uma cor de texto mais escura contra um fundo claro.

Para ter certeza absoluta, use esta ferramenta de verificação de contraste. https://webaim.org/resources/contrastchecker/

Tamanho do texto

Definir o tamanho do texto na unidade certa é importante para permitir que os navegadores ampliem e redimensionem o texto quando necessário. Isso garante a acessibilidade ideal do usuário em diferentes navegadores e tamanhos. Para fazer isso, use uma mistura de porcentagem (%) e unidade em (tamanho de ponto numérico) ao definir o tamanho do texto em seus materiais de aprendizagem.

Navegação pela tecla “Tab”

A navegação com guias é a capacidade de navegar entre os elementos, como hiperlinks e campos de formulário em uma interface do usuário, com a tecla ‘Tab’ em um teclado. Certifique-se de definir a ordem de tabulação de maneira lógica (da parte superior esquerda da tela para a parte inferior direita). Todo o texto e elementos importantes na tela devem ser tabuláveis e legíveis por leitores de tela como o JAWS. Em caso de dúvida, experimente concluir o módulo sozinho, sem a opção de tela de toque ou mouse, e verifique a experiência.

Navegação pelo teclado

Além de tabular, os usuários devem ser capazes de navegar pelos materiais de aprendizagem usando apenas o teclado. As teclas ‘Tab’ e ‘Shift + Tab’ podem ser usadas para percorrer links e campos de formulário, e ‘Enter’ e ‘Barra de espaço’ podem ser usadas para ativar os botões e links. Novamente, em caso de dúvida, teste colocando o mouse de lado e navegue pelos materiais usando apenas um teclado.

“Tab” automático

Um leitor de tela deve ser capaz de ler o conteúdo do novo item que está sendo mostrado (por exemplo, um pop-up) quando o usuário passa o mouse ou clica em um botão ou link. Isso deve acontecer automaticamente, sem que o usuário precise pressionar uma “guia” extra. O usuário deve ser capaz de clicar em “Tab” para ir para o próximo botão ou link.

Pular para o conteúdo

O conteúdo principal geralmente não é a primeira coisa em uma página. Geralmente, os usuários de leitores de tela devem navegar em uma longa lista de elementos antes de chegar ao conteúdo principal. Para melhorar a experiência, inclua um link “Pular para o conteúdo” na parte superior da página que permite ao usuário pular para a âncora no início do conteúdo principal. Este link deve ser sempre fornecido e geralmente é o primeiro item da guia.

Imagens

Uma alt tag é uma alternativa em texto para uma imagem ou objeto em sua página e é lida por leitores de tela como uma alternativa para a própria imagem. Para ser totalmente compatível, você precisa incluir alt tags para todas as imagens não decorativas (por exemplo, tabelas e gráficos) em sua página que descreva a imagem ou link.

Links

Todos os links abertos em uma nova janela devem ser indicados com aviso prévio ou um ícone mostrando que se trata de um link externo ou PDF. Os leitores de tela devem ser capazes de ler que o link será aberto em uma nova janela.
Também é uma prática recomendada evitar colocar um hiperlink atrás de frases ambíguas, como “clique aqui”.
Bom exemplo: Visite savv-e.com.au para obter mais informações.
Mau exemplo: Clique aqui para mais informações.

Formulários e Avaliações

Recursos que precisam ser incorporados em formulários e avaliações com opções de múltipla escolha:

• Forneça feedback “correto” ou “incorreto” quando os usuários enviarem uma resposta.
• Destaque a resposta correta para todos os usuários, mantendo a seleção de resposta original do usuário.
• Desative o botão ‘Avançar’ e ative-o novamente depois que o usuário enviar uma resposta.
• Desative o botão ‘Concluído’ ou ‘Enviar’ até que o usuário tenha pelo menos uma opção selecionada.
• Desative o botão “Concluído” ou “Enviar” e responda as opções quando o usuário clicar em “Enviar”.
• Limpar os campos do formulário quando uma página é atualizada.

Teste

Antes de implantar, peça a um colega ou pessoa de controle de qualidade para testar seus materiais de aprendizagem para se certificar de que você não perdeu nada. Esteja preparado para fazer alterações para aprimorar a usabilidade de seu conteúdo.

Fonte: https://www.savv-e.com.au/