Este tópico fornece dicas para ajudá-lo a se concentrar em tornar as páginas de conteúdo HTML mais acessíveis a alunos com deficiências, especialmente para os alunos que usam tecnologia adaptativa, como um leitor de tela.
Use títulos para organizar o conteúdo
Os títulos fornecem partes visuais ao seu conteúdo, mas também fornecem navegação para leitores de tela. Você não pode simplesmente colocar texto normal em negrito; É importante aplicar títulos formatados. Você também deve garantir que os títulos sejam usados na ordem correta - não pule de H1 para H3. Cada título é importante para a navegação e o fluxo do todo.
Agrupar itens com listas ordenadas e não ordenadas
Ter listas é uma ótima maneira de ajudar seu leitor a navegar em seu conteúdo; no entanto, é vital usar o tipo certo de formatação para seus propósitos. Listas não ordenadas (com marcadores) indicam que sua lista não tem sequência; Todos os itens são de igual importância. Listas ordenadas (numeradas) indicam uma sequência. Ao usar uma lista, verifique se você está usando a formatação correta da lista (ordenada ou não ordenada). Não use um traço (como marcador) ou um número e um ponto ou parênteses (por exemplo, (2) ou 2. ) no início de uma frase ou frase - essa não é uma lista formatada corretamente! Não use listas como uma ferramenta de layout para recuo.
Link para conteúdo adicional
Fornecer links bem formados aprimora seu conteúdo para pessoas que usam tecnologia assistiva. Aqui estão algumas diretrizes gerais para o uso de links:
- Certifique-se de que seu usuário saiba para onde está indo se clicar em um link. Ditado Clique aqui com o gatilho na palavra Aqui não é útil para ninguém - quer eles usem tecnologia assistiva ou não. Use texto descritivo ou o nome da página para onde você está enviando o leitor. Não use o URL do link como o texto do link.
- Se vários links tiverem o mesmo texto de link, eles deverão ir para o mesmo destino.
- Os usuários de leitores de tela podem percorrer os links como um método de leitura de conteúdo. Seus links fazem sentido quando não estão no contexto do conteúdo ao redor?
Para obter mais informações, consulte Algumas dicas sobre links de texto acessíveis vídeo de Nomensa.
Considere as cores e os efeitos em suas páginas
Evite piscar ou piscar conteúdo
Qualquer conteúdo intermitente / piscando (especialmente conteúdo em vermelho) pode causar convulsões em pessoas com epilepsia fotossensível, bem como outros distúrbios convulsivos fotossensíveis, por isso deve ser limitado e usado apenas quando necessário. As páginas da Web que contêm conteúdo intermitente devem limitar o piscar a não mais do que três flashes por segundo e não usar vermelhos totalmente saturados no conteúdo. Se você tiver conteúdo que pisca/pisca mais de três vezes por segundo, congele o conteúdo piscando momentaneamente para que fique abaixo do limite de três vezes por segundo. Se você tiver um vídeo da Web com uma cena envolvendo relâmpagos muito brilhantes (ou outras cenas com flashes), edite o vídeo para que o relâmpago não pisque mais de três vezes em um período de um segundo.
Use um verificador de contraste de cores
Há um verificador de cores integrado no editor HTML do Brightspace. À medida que você clica em diferentes cores de fonte, os números da taxa de contraste mudam para indicar a quantidade de contraste entre a cor da fonte (cor do primeiro plano) e a cor do plano de fundo. Além de calcular os números da taxa de contraste, o verificador de cores também indicará se as opções de cores estão em conformidade com o Diretrizes de acessibilidade de conteúdo da Web (WCAG).
Existem três resultados possíveis no que diz respeito ao cumprimento das normas WCAG:
- Marca de seleção verde, indicando que os padrões AA WCAG são atendidos com uma proporção mínima de 4,5:1.
- Símbolo de cuidado, indicando que está próximo, mas abaixo da proporção mínima de 4,5:1.
- Círculo vermelho com X branco, indicando contraste ruim.
Para obter mais informações, consulte Sobre o Brightspace Editor.
Projetando tabelas com acessibilidade em mente
As tabelas são projetadas para exibir dados tabulares, mas ocasionalmente são usadas para fornecer estrutura e layout para páginas da Web. As folhas de estilo em cascata (CSS) substituíram a necessidade de layouts de tabela. a maior consideração quando você usa uma tabela em seu conteúdo HTML é se ela mantém uma ordem de leitura adequada para que possa ser lida por tecnologia assistiva.
Criar tabelas de dados com cabeçalhos de coluna
Designar cabeçalhos de coluna e/ou linha em uma tabela é essencial para que os usuários de leitores de tela entendam como as informações são dispostas. Os leitores de tela geralmente têm um comando de teclado que informa ao usuário qual é o cabeçalho da coluna e/ou linha para a célula de dados em que o cursor está, facilitando a navegação e a compreensão dos dados tabulares. Mesmo assim, os dados tabulares podem ser assustadores para um usuário de leitor de tela. Portanto, é melhor manter as mesas pequenas, se possível. Considere dividir tabelas grandes em mesas menores. Mas sempre inclua cabeçalhos de coluna e/ou linha em todas as tabelas, exceto tabelas de layout.1
Experimente a tecnologia assistiva
Olhe para o conteúdo do seu curso da maneira que seus alunos o verão.
Como é o som do seu conteúdo em um leitor de tela?
Um leitor de tela é um programa de computador que produz uma versão auditiva do texto que está disponível em uma página da web ou em um documento gerado por computador. Os leitores de tela comumente usados são MAXILAS®, NVDA, Olhos de janelae Narração. Você pode experimentar a maioria desses programas gratuitamente, e sugiro que o faça para ter uma ideia da experiência do usuário. Há um pouco de curva de aprendizado ao começar a usar um leitor de tela, mas ao tropeçar nas primeiras vezes usando um leitor, você provavelmente desenvolverá alguma empatia pelos alunos que precisam confiar nessa tecnologia para ter acesso ao aprendizado.
Testar suas páginas da Web usando apenas o teclado
Abra uma das páginas de conteúdo do curso em uma nova janela. Usando apenas o teclado para navegar, você pode acessar todos os recursos e operar todos os botões ou links?
Conteúdo simples com texto e imagens pode ser bastante fácil de navegar; No entanto, vídeos incorporados, um reprodutor de áudio ou botões de ação podem apresentar alguns desafios. Se você achar que parte do seu conteúdo não é facilmente navegável com acesso somente por teclado, talvez seja necessário alterar o conteúdo ou obter ajuda técnica para torná-lo mais acessível.
Os usuários de teclado normalmente usam a tecla Tab para navegar pelos vários componentes de uma página da Web. As outras teclas mais usadas são Enter, Barra de espaço e as teclas de seta.
Você pode aprender mais sobre Acessibilidade do teclado no WebAIM.
Saiba quando usar PDF como seu tipo de arquivo
Ao fornecer conteúdo em uma página da web, como em um curso on-line, uma página HTML feita corretamente é o formato de arquivo mais acessível, o PDF pode ser uma boa opção para o tipo de arquivo de documento, se:
- A aparência do documento é crítica e deve ter exatamente a mesma aparência em várias plataformas de computação diferentes.
- O documento precisa ser criptografado, incluirá coisas como uma marca d'água ou uma assinatura digital.
- Você deseja dificultar a edição do documento pelo visualizador.
Se você optar por fornecer um PDF para seus alunos, certifique-se de saber como tornar seus arquivos PDF acessíveis aos alunos que usam tecnologia assistiva.
Há duas maneiras de criar um PDF acessível:
- Convertendo um arquivo de origem, como um documento do PowerPoint® ou do Word, em PDF
- Digitalizar uma cópia impressa de um documento para PDF.
Para obter mais informações, consulte MOOC de Acessibilidade na Web para Educadores Online site de conteúdo público.
Use modelos acessíveis para suas páginas de conteúdo
Se você leu até aqui e está pensando que há muito a considerar, não tenha medo! A D2L desenvolveu e compartilhou pacotes de modelos HTML em um esforço para tornar mais fácil para os instrutores do curso criar arquivos de conteúdo HTML acessíveis e com aparência profissional. Os modelos usam uma folha de estilo em cascata (CSS) para formatar o conteúdo em arquivos HTML. Os recursos de acessibilidade são incorporados ao arquivo CSS, permitindo que o desenvolvedor de conteúdo se concentre em adicionar texto, imagens e outros recursos do curso sem se preocupar com a formatação adequada.
Para baixar os modelos acessíveis na Comunidade Brightspace, visite Modelos HTML (versão 3). Esses modelos são de domínio público e estão disponíveis para você usar - gratuitamente!
Nota: O conteúdo deste tópico foi consolidado a partir de Quatro vitórias fáceis para tornar suas páginas de conteúdo HTML mais acessíveis, Mais três maneiras de melhorar a acessibilidade em seus cursos do Brightspace, e Mais seis dicas para tornar os cursos online acessíveis e foi atualizado de WAMOE, o MOOC de Acessibilidade da Web para Educadores Online; co-criado por Karen Sorensen, do Portland Community College, e Barry Dahl, da D2L.