Cor, texto alternativo e legendas
A turma do 8.º B vai publicar no blogue as fotografias, o vídeo e o questionário da feira de ciências. Tudo fica bonito no teu ecrã. Mas será que o Rafael, que tem visão reduzida, ou a Leonor, que é surda, conseguem aproveitar o mesmo conteúdo? Neste apartado vais aprender três regras simples para criar conteúdos que funcionam para todos.
Cor e contraste
O contraste é a diferença de luminosidade entre o texto e o fundo. Quanto maior o contraste, mais fácil é ler. Um texto cinzento-claro sobre fundo branco pode parecer elegante, mas para uma pessoa com visão reduzida, ou para qualquer pessoa a ler ao sol no telemóvel, torna-se quase invisível.
As orientações internacionais de acessibilidade (as WCAG) fixam um valor mínimo: para texto normal, uma relação de contraste de 4,5:1 (nível AA). Isto quer dizer que a relação entre a luminosidade da cor mais clara e a da mais escura deve ser de, pelo menos, 4,5 para 1. Protege quem tem visão reduzida, quem tem daltonismo ou dificuldade em distinguir tons, as pessoas mais velhas e todos os que leem num ecrã com reflexos. Não precisas de calcular nada: usa um verificador de contraste online, onde escreves as duas cores e ele diz-te se passa.
Há outra regra importante: não uses só a cor para transmitir informação. O daltonismo afeta a distinção de certas cores, como o verde e o vermelho, e atinge cerca de 1 em cada 12 homens. Se as respostas certas de um questionário forem só verdes e as erradas só vermelhas, estes utilizadores não percebem a diferença. A solução é juntar outro sinal: um símbolo (✔ e ✘), uma palavra («Certo», «Errado») ou uma forma diferente.
Outras boas práticas: letra com tamanho confortável (nada de letra minúscula), tipo de letra simples e texto que não fique sobre uma imagem muito colorida.
O Rafael está a escolher as cores do blogue da turma e testou duas combinações de cor para o texto, representadas na figura. a) Indica qual das duas combinações é mais…
O Rafael está a escolher as cores do blogue da turma e testou duas combinações de cor para o texto, representadas na figura.
- a) Indica qual das duas combinações é mais legível e justifica a tua escolha.
- b) Explica que dificuldades pode ter uma pessoa com visão reduzida ao ler um texto cinzento sobre fundo escuro, com pouco contraste.
- c) As orientações internacionais de acessibilidade recomendam um contraste de, pelo menos, 4,5:1 entre o texto normal e o fundo. Explica, com as tuas palavras, o que significa este valor e que utilizadores protege.
A Beatriz criou um questionário online sobre reciclagem para a turma. No final, as respostas certas aparecem escritas a verde e as erradas a vermelho, sem mais nenhuma…
A Beatriz criou um questionário online sobre reciclagem para a turma. No final, as respostas certas aparecem escritas a verde e as erradas a vermelho, sem mais nenhuma indicação. O texto das perguntas usa letra pequena e cinzento-claro sobre fundo branco.
- a) Identifica dois problemas de acessibilidade deste questionário.
- b) O daltonismo afeta a capacidade de distinguir certas cores (por exemplo, o verde e o vermelho) e atinge cerca de 1 em cada 12 homens e 1 em cada 200 mulheres. Explica porque é que usar apenas a cor para transmitir informação exclui parte dos utilizadores.
- c) Propõe melhorias concretas ao questionário da Beatriz para corrigir os problemas que identificaste.
Texto alternativo
Um leitor de ecrã lê em voz alta o que está na página. Mas não consegue «ver» uma fotografia. Por isso, cada imagem com informação deve ter um texto alternativo: uma descrição curta que ocupa o lugar da imagem para quem não a vê. Serve também quando a imagem não carrega por falta de rede.
Como escrever um bom texto alternativo:
-
Diz o que é importante na imagem, no contexto da página.
-
Sê curto e concreto: uma ou duas frases.
-
Não comeces por «imagem de…» ou «fotografia de…»: o leitor de ecrã já anuncia que é uma imagem.
-
Se a imagem tem texto (um gráfico, um cartaz), inclui a informação essencial.
Na página da feira de ciências, o grupo da Matilde quer publicar a fotografia representada na figura, mas ainda não escreveu o texto alternativo. a) Escreve um texto…
Na página da feira de ciências, o grupo da Matilde quer publicar a fotografia representada na figura, mas ainda não escreveu o texto alternativo.
- a) Escreve um texto alternativo adequado para esta fotografia, pensando no que é essencial para quem não a pode ver.
- b) Explica porque é que o texto «fotografia da feira» seria um texto alternativo fraco.
- c) No rodapé da página há uma imagem apenas decorativa (um enfeite). Indica qual deve ser o texto alternativo nesse caso e justifica.
Legendas e transcrições
Vídeos e áudio também têm de poder ser usados por todos. Há dois recursos principais:
-
Legendas: o texto das falas (e dos sons importantes, como «[aplausos]») aparece no ecrã, sincronizado com o vídeo.
-
Transcrição: o texto completo, num documento ou na página, sem sincronização. Lê-se como um artigo.
| Legendas | Transcrição | |
|---|---|---|
| Onde aparece | Sobre o vídeo, ao mesmo tempo | Num texto separado |
| Sincronizada com a imagem | Sim | Não |
| Serve para | Acompanhar o vídeo | Ler com calma, pesquisar, usar com leitor de ecrã |
As legendas ajudam pessoas surdas ou com dificuldades de audição. Mas ajudam muito mais gente: quem vê um vídeo no autocarro sem auscultadores, quem está num sítio barulhento, quem está a aprender português ou quem não percebe bem o sotaque.
Um podcast só tem som. Para ser acessível a pessoas surdas, a turma deve preparar uma transcrição escrita das entrevistas e publicá-la junto do episódio. Não há imagem, por isso legendas sincronizadas não fazem sentido.
O grupo do Tiago gravou um vídeo de três minutos sobre a maqueta de vulcão que apresentou na feira de ciências e quer publicá-lo no blogue da turma. a) Explica o que são…
O grupo do Tiago gravou um vídeo de três minutos sobre a maqueta de vulcão que apresentou na feira de ciências e quer publicá-lo no blogue da turma.
- a) Explica o que são legendas e em que se diferenciam de uma transcrição.
- b) Indica duas vantagens de adicionar legendas ao vídeo, pensando em pessoas diferentes e em situações diferentes do dia a dia.
- c) A turma quer ainda lançar um podcast com entrevistas aos participantes da feira. O que devem os alunos preparar para que o podcast seja acessível a pessoas surdas? Justifica.
De volta ao início: o Rafael e a Leonor conseguem aproveitar o conteúdo da turma se houver bom contraste e não só cor, texto alternativo nas imagens, e legendas e transcrição nos vídeos e áudio.
Em resumo
-
Usa bom contraste entre texto e fundo (mínimo 4,5:1 para texto normal) e letra de tamanho confortável.
-
Nunca uses só a cor para transmitir informação: junta símbolos ou palavras.
-
Cada imagem com informação precisa de texto alternativo curto e concreto; uma imagem decorativa fica com o texto alternativo vazio.
-
Legendas estão sincronizadas com o vídeo; a transcrição é o texto completo, à parte.
-
Um podcast precisa de transcrição para ser acessível a pessoas surdas.