Considerações de acessibilidade para os materiais do curso

Na Udemy, seu conteúdo em vídeo e os materiais do curso andam lado a lado, reforçando o que você ensinou e agregando novas habilidades. Então para garantir que todo o seu curso seja acessível, qualquer item que você fornecer com o curso precisa ser acessível.

Nesta seção, vamos falar sobre os materiais acessíveis do curso em quatro partes: 

• Organização do conteúdo
• Semântica significativa do documento
• Texto alternativo para imagens/mídia
• Contraste de cor

 

Organização do conteúdo

• Mantenha seu conteúdo organizado e divida o texto em parágrafos curtos com títulos distintos. Isso facilita a análise e a leitura para todos os usuários.
• Para todos os documentos, forneça um índice no começo ou um resumo (em algumas frases, ou uma lista com marcadores) do que será apresentado.
• Inclua um glossário de termos e as respectivas definições como um recurso para download, para ajudar os usuários no curso. Também é ideal incluir um recurso para download ou link dos slides que você estiver usando.
• Sempre revise a ortografia, gramática e legibilidade. A legibilidade se refere à facilidade com que uma pessoa pode ler um trecho de texto. Ela pode incluir fatores como comprimento da sentença, densidade de sílabas, complexidade do assunto e familiaridade com as palavras. Peça para um colega ou amigo ler o conteúdo do seu curso e fazer seus exercícios como uma última garantia que seu curso seja acessível!

 

Tornar os documentos acessíveis

Leitores de telas (como JAWS, NVDA ou Voiceover) usados por pessoas com alguma deficiência visual são capazes de ler o texto na página e também transmitir a maneira como ele está organizado em títulos, subtítulos e itens de lista. Por exemplo, uma pessoa fazendo a leitura visual vê uma página com um grande texto em negrito indicando os títulos, enquanto uma pessoa com deficiência visual ouve qual texto é o título, por meio de algo chamado de “marcação de semântica”. Essa metainformação é essencial em documentos acessíveis. Felizmente, muitos programas e aplicativos de processamento de texto, como o Microsoft Word e o Google Docs, têm essa função integrada.

Também é importante saber o que torna as coisas mais difíceis para um leitor de tela. Células mescladas em uma tabela, por exemplo, podem dificultar a navegação e compreensão da organização ao usar um leitor de tela. Além disso, quando a formatação é feita de maneira não semântica, os leitores de tela podem apresentar informações confusas. Por exemplo, se você usar um asterisco e a tecla tab para criar um marcador, o leitor de tela pode interpretar como “tab” ou “asterisco”, em vez de “marcador”.

Esta seção inclui apenas alguns temas sobre a inclusão de semântica em um documento digital, mas oferecemos diversos recursos abrangentes.

 

Cabeçalhos verdadeiros

Os cabeçalhos são a melhor maneira de tornar seu conteúdo mais acessível. O uso de semântica verdadeira e cabeçalhos visuais tornam o conteúdo mais claro para usuários com visão normal e com deficiência visual.

Ao organizar seu conteúdo usando títulos com semântica verdadeira, que muitas vezes são rotulados como “T1” ou “Título 1” em aplicativos de processamento de texto ou apresentação de slides, você garante que os leitores de tela comuniquem seu conteúdo de maneira adequada. Por exemplo, o título do documento deve ter um título de primeiro nível, o título da seção deve ser de segundo nível (por exemplo, T2) e os títulos das subseções devem ser de terceiro ou quarto nível. Veja um exemplo:

 

Título de página (cabeçalho 1)

Título de seção (cabeçalho 2)

Texto do conteúdo aqui.

Título de subseção (cabeçalho 3)

Texto do conteúdo aqui.

 

Observação: evite pular níveis de cabeçalhos. Por exemplo, não pule do cabeçalho de primeiro nível para o de terceiro nível. 

 

Listas com numeração e marcadores verdadeiros

Sempre use as funções de lista com marcadores (lista não ordenada) e lista numerada (lista ordenada) dos aplicativos de processamento de texto ou apresentação de slides, em vez de formatar manualmente o estilo do texto com a tecla tab, asteriscos e números. Os leitores de texto vão reconhecer esses tipos de lista e apresentar seu conteúdo de maneira adequada. 

 

Estruturas simples de tabela

Tenha cuidado com o uso de várias linhas e colunas (ou mescladas), e evite usar muitos níveis de cabeçalhos de tabela. As células mescladas são difíceis de serem explicadas para alunos e de serem interpretadas por leitores de tela. Sempre que possível, evite usar tabelas para layout visual. 

 

Use links descritivos

Evite frases isoladas sem contexto, como:

• “Clique aqui” 
• “Aqui”
• “Mais”
• “Mais informações”
• “Leia mais”
• “Continuar” 

 

Recomendamos usar as seguintes alternativas que apresentam mais contexto:

• “Você pode fazer download do programa”
• “A citação de ____”
• “Outros ____ estão disponíveis neste link”

 

Evite também usar URLs isolados como links, como www.abcde.com, a menos que o documento seja destinado para impressão ou se o URL for relevante para o conteúdo.

 

Texto alternativo para imagens/mídia

Uma imagem vale mais que mil palavras, mas os alunos que convivem com alguma deficiência visual ou cegueira dependem de texto alternativo para reconhecer suas imagens. Sempre forneça um texto alternativo claro e direcionado ao contexto nos seus documentos, apresentações de slides etc. Esse texto será lido em voz alta para as pessoas que estão usando um leitor de tela ou outra tecnologia de auxílio.

• Muitas ferramentas permitem que você forneça texto alternativo para imagens. Essas caixas podem estar indicadas por frases como “texto alternativo”, “alternativa”, ou até mesmo “descrição da imagem”. Se disponível, use esse campo para fornecer um texto alternativo para a imagem.
• O texto alternativo deve apresentar o significado de uma imagem, não necessariamente apenas a descrição. Por exemplo, o texto alternativo deve dizer, “uma imagem de engrenagem representando as Configurações”, em vez de “ícone de engrenagem”. Se você precisasse remover a imagem, que texto colocaria no lugar dela? Por outro lado, se você tivesse que descrever a imagem para alguém pelo telefone, pense no que você mencionaria e use isso para informar a descrição da imagem.
• Se uma imagem não tem conteúdo ou função relevante ou for apenas decorativa, ou se o texto alternativo for apresentado no texto que a acompanha, então a imagem não deve conter um texto alternativo. Alguns aplicativos de processamento de texto ou apresentação de slides oferecem a opção “em branco” ou “vazio”. 
• Evite usar palavras como “imagem de”, “foto de” ou “link para”. A tecnologia de auxílio vai fazer isso automaticamente e avisar os usuários que ela está descrevendo uma imagem.
• Use o menor número de palavras possível sem prejudicar a clareza ou o contexto.
• Para documentos PDF, o Adobe Acrobat Pro pode verificar se seu documento está em conformidade com os padrões de acessibilidade. Consulte o link na seção Recursos.

 

Exemplo de imagem com texto alternativo

Muitas vezes, o texto padrão usado será o nome do arquivo, o que pode não ser útil.

Texto alternativo padrão (nome do arquivo): adult-kid-tech_revised_220811.jpg

Texto alternativo modificado: Em um sofá, estão sentadas uma mulher adulta trabalhando em um notebook e uma criança com fones de ouvido usando um tablet.

 

Use cores com contraste forte

O contraste de cor é a medição da diferença do brilho entre duas cores, o que é expresso como uma proporção de 1:1 (ruim) até 21:1 (excelente). Use cores com alto contraste, principalmente entre seu texto e o plano de fundo. As imagens que incluem texto também precisam ter alto contraste. Para ajudar a ilustrar a diferença entre combinações de alto e baixo contraste, apresentamos alguns exemplos de texto colorido sobre fundos brancos abaixo. 

Contraste ruim

A proporção mínima de contraste para qualificar um conteúdo como acessível é de 4,5:1. Aqui estão alguns exemplos de combinações de cor que não atendem a esse limite e devem ser evitadas:

• Texto amarelo – classificação: 1,07:1
• Texto verde-claro – classificação: 1,12:1
• Texto laranja – classificação: 2,14:1
• Texto rosa – classificação: 3,14:1
• Texto vermelho – classificação: 4,0:1

 

Contraste bom

As combinações de cor abaixo são boas escolhas, já que oferecem contraste suficiente (proporção de 4,5:1 a 7:1):

• Texto azul – classificação: 4,68:1
• Texto verde-escuro – classificação: 5,14:1
• Texto roxo – classificação: 6,95:1

 

Contraste excelente

É recomendável usar as cores listadas abaixo, já que elas oferecem o melhor contraste (proporção acima de 7:1):

• Texto laranja-escuro – classificação 7,43:1
• Texto cinza-escuro – classificação: 12,63:1
• Texto preto – classificação: 21:1

 

Resumo das práticas recomendadas para um conteúdo do curso acessível

Conteúdo

• Mantenha o texto organizado e divida o conteúdo em parágrafos curtos
• Nos documentos mais longos, forneça um índice ou resumo
• Inclua um glossário de termos como recurso
• Cuidado com ortografia, gramática e legibilidade

 

Semântica do documento

• Use marcação de semântica para que tecnologias de auxílio funcionem corretamente 
• Organize seu conteúdo usando cabeçalhos verdadeiros
• Use listas com numeração e marcadores verdadeiros
• Use a estrutura de tabela mais simples possível
• Use links descritivos

 

Texto alternativo

• Forneça um texto alternativo adequado para as imagens nos seus documentos, apresentações de slides etc.

 

Contraste de cor

• Use cores com forte contraste para texto e imagens

 

Links para outros artigos de acessibilidade e inclusão

• Visão geral sobre a criação de conteúdo acessível e inclusivo 
• Considerações para um conteúdo em vídeo acessível
• Considerações para um conteúdo inclusivo
• Recursos sobre acessibilidade e inclusão