Estudo de Caso: Aplicação de Guia de Acessibilidade na Produção de Slides

Introdução

Este Recurso Educacional Aberto (REA) tem como finalidade apresentar um guia prático e um estudo de caso sobre como tornar slides e outros materiais de apresentação mais inclusivos e acessíveis para todos. O objetivo é demonstrar que, com passos simples, é possível melhorar significativamente a usabilidade dos materiais para pessoas com diferentes necessidades.

Neste guia, abordaremos dois pilares fundamentais da acessibilidade digital: o ajuste de contraste de cores para garantir a legibilidade e a adaptação de conteúdos, como imagens e tabelas, para que sejam corretamente interpretados por leitores de tela.

Verificando e adaptando o contraste

  1. Utilize uma ferramenta como o Contrast Checker para verificar se o contraste está sendo bem aplicado.
  2. Insira as cores do texto e fundo na ferramenta.
  3. Verifique se atende ao padrão WCAG, AA ou AAA. A razão mínima recomendada é 4.5:1.
  4. Se necessário, altere as cores para atingir um maior contraste nos seus materiais, tornando-os mais acessíveis e de fácil leitura.

Ajuste de Contraste: Antes e Depois

Veja abaixo a comparação entre os elementos com contraste inadequado e suas versões acessíveis:

Versão Antiga

Texto azul claro sobre fundo branco com contraste insuficiente.
Texto azul com baixo contraste.

Versão Acessível

Texto azul escuro sobre fundo branco com contraste adequado.
Texto azul ajustado para contraste adequado.

Versão Antiga

Texto branco sobre fundo verde claro com contraste insuficiente.
Fundo verde com contraste inadequado.

Versão Acessível

Texto branco sobre fundo verde escuro com contraste adequado.
Fundo verde ajustado para garantir contraste.

Versão Antiga

Texto branco sobre fundo verde claro com contraste insuficiente.
Texto cinza com contraste inadequado.

Versão Acessível

Texto branco sobre fundo verde escuro com contraste adequado.
Texto cinza ajustado para garantir contraste.

Slide Original

Slide original com vários elementos com contraste insuficiente.
Slide com falhas de contraste.

Slide Final Acessível

Slide final com cores ajustadas e contraste adequado em todos os elementos.
Slide revisado com contraste adequado.

Adaptando os materiais para permitir leitura de tela

  1. Adicione títulos claros em cada slide.
  2. Inclua descrições alternativas (alt text) para imagens.
  3. Insira os elementos no slide na ordem que deseja que o leitor de telas siga.
  4. Evite usar apenas imagens para informações essenciais. Adicione também texto.
  5. Adapte tabelas:
    • Inclua cabeçalhos.
    • Garanta uma estrutura simples.
    • Descreva brevemente o conteúdo da tabela.
    • A tabela do próprio google slides pode ser utilizada.
    • Cuidado com símbolos como: < ou >.
    • Adicione um texto alternativo para as tabelas.

Leitor de Tela: Antes e Depois

Adaptando tabelas

Veja abaixo a comparação entre um slide antes da aplicação de acessibilidade e após as melhorias para leitura com leitor de tela:

Antes

Slide antes das melhorias de acessibilidade.

Depois

Slide adaptado para leitores de tela.

Texto alternativo em imagens e ordem de leitura do narrador

Adição de textos alternativos para as imagens e correção na ordem de leitura feita pelo narrador, adicionando os elementos no slide na mesma ordem que se deseja a leitura.

Antes

Slide antes das melhorias de acessibilidade.

Depois

Slide adaptado para leitores de tela.

Adicionando texto alternativo para tabelas no Google Slides

A seguir, apresentamos um passo a passo com imagens para adicionar texto alternativo a tabelas:

  1. Abrir o slide que contém a tabela. Slide com a tabela visível no Google Slides.
  2. Clicar sobre a tabela para selecioná-la. Tabela selecionada dentro do slide, com bordas azuis indicando a seleção.
  3. Pressionar CTRL + ALT + Y para abrir o campo de texto alternativo. Janela de texto alternativo aberta após pressionar o atalho de teclado.

Alternativa ao Passo 3

Se preferir, siga esta alternativa:

  1. Selecione um texto de qualquer célula da tabela, clique com o botão direito do mouse e selecione a opção "Texto alternativo". Menu de contexto do botão direito do mouse com a opção Texto alternativo destacada.