Geração de conteúdo
"Para produzir conteúdo digital acessível, a primeira etapa é compreender que tudo o que comunicamos impacta as pessoas; por isso, é fundamental começar pela forma como abordamos nosso público e criar a cultura e o hábito de acessibilidade digital em nossas equipes". Nesse sentido, nesta seção se apresentam boas práticas em formato de checklist para garantir acessibilidade na geração de conteúdo.
Termos
- Sempre utilize o termo "pessoas com deficiência" (PCD) e depois complemente: visual, física, intelectual, múltipla, pessoa surda, pessoa cega, usuária de cadeira de rodas (cadeirante), tetraplégica, paraplégica, pessoa com nanismo, com baixa visão, pessoa autista, disléxica, neurodiversa ou neurodivergente.
- Padronizar “pessoas com deficiência” seguido da especificação da(s) condição(ões) [23]
- Evitar termos ofensivos ou obsoletos (ex.: “portador de deficiência”) [24]
Textos
- Usar textos descomplicados e objetivos.
- Usar de palavras conhecidas.
- Evitar figuras de linguagem. e frases com "senso de ugência"
- Usar pontuação adequada.
- Evitar frases extensas (ideal é ter de 15 a 20 palavras).
- Usar preferencialmente a ordem direta nas orações.
- Escrever em linguagem simples e direta (máx. 20 palavras por frase) [25]
- Quebrar parágrafos longos em seções de até 3–4 linhas [26]
- Usar listas ordenadas e não ordenadas para estruturar passos e itens [27]
- Incluir resumos ou destaques no início de seções extensas [28]
Descrição de imagens
- Identificar o tipo de imagem e personagem (foto, ilustração, mapa, gráfico... e " o que / quem").
- Localizar (onde).
- Descrever a ação (o que faz, como faz).
- Referenciar.
- Inserir
alt
sucinto que identifique “o que” e “quem” na imagem [29] - Para imagens complexas, fornecer descrição longa em texto próximo ou link [30]
Descrição de imagens complexas
- Posicionar gráfico, quadrinhos, quadros e outras imagens compexas em um local separado.
- Descrição sucinta no texto alternativo.
Ícones
- Adicionar iconografia.
- Adicionar ícone e texto.
- Adicionar texto alternativo para ícones clicáveis.
- Descrever no texto alternativo, quando necessário usá-lo, a ação da pessoa usuária e para onde será direcionada.
- Associar cada ícone clicável a um
aria-label
ou texto visível [31] - Manter nomenclatura de arquivos de ícones coerente e descritiva [32]
Mídias de vídeo
- Adicionar descritivo curto para vídeos.
- Optar pro legendas: Open Caption e Closed Caption para vídeos.
- Adicionar breve descrição textual do conteúdo antes do player [33]
- Oferecer controle de velocidade e barra de progresso [34]
Autodescrição
- Adionar autodescrição no roteiro dos vídeos
- Incluir seção de autodescrição (quem fala, o que aparece) no roteiro [35]
Podcasts
- Transcrever o conteúdo do episódio.
- Incluir além da partes faladas, como sons de fundos, efeitos sonoros, quem está falando etc.
- Inserir um avatar na página falada para a interpretção do texto transcrito para Libras.
- Considerar também formato de vídeo.
- Incluir indicação de quem fala via tags ou timestamps [36]
Hashtags e Emojis
- Em hashtags, utilize a primeira letra de cada palavra em maiúsculas para que leitores possam identificar palavras corretamente.
- Não abusar de emojis, pois nem sempre sua descrição é suficiente para um bom entendimento.
Hiperlinks
- Descrição de links e botões devem ser compreensíveis de maneira maneira isolada.
- Usar texto de link claro e independente de contexto (“Saiba mais sobre acessibilidade”) [37]
Bibliografia
DINIZ, V.; FERRAZ, R.; NASCIMENTO, C. M.; CREDIDIO, R. Guia de Boas Práticas para Acessibilidade Digital. Programa de Cooperação entre Reino Unido e Brasil em Acesso Digital, 2023. Disponível em: https://www.gov.br/governodigital/pt-br/acessibilidade-e-usuario/acessibilidade-digital/guiaboaspraaticasparaacessibilidadedigital.pdf. Acesso em: 9 Mai. 2024.
23. “Desenvolvida com coordenação do Ceweb.br, nova norma da ABNT estabelece requisitos para melhorar a acessibilidade de sites.” CGI.br. Publicado em 11 Mar. 2025 ([cgi.br][1])
24. “Norma da ABNT sobre acessibilidade para dispositivos móveis torna a navegação mais inclusiva.” NIC.br ([nic.br][2])
25. W3C WAI. WCAG 2.2 Understanding SC 3.1.5: Reading Level. Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/reading-level.html. Acesso em: 9 Mai. 2024 ([w3.org][3])
26. W3C WAI. Content Structure – Lists. Disponível em: https://www.w3.org/WAI/tutorials/page-structure/content/. Acesso em: 9 Mai. 2024 ([w3.org][4])
27. W3C WAI. Content Structure – Lists. Disponível em: https://www.w3.org/WAI/tutorials/page-structure/content/. Acesso em: 9 Mai. 2024 ([w3.org][4])
28. Governo Digital. Acessibilidade Digital – Portal Gov.br. Recursos de acessibilidade e boas práticas em conteúdo. Acesso em: 25 Jun. 2025 ([gov.br][5])
29. W3C WAI. WCAG 2.2 Understanding SC 1.1.1: Non-text Content. Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html. Acesso em: 9 Mai. 2024 ([w3.org][6])
30. W3C WAI. Complex Images – WAI Tutorial. Disponível em: https://www.w3.org/WAI/tutorials/images/complex/. Acesso em: 9 Mai. 2024 ([w3.org][7])
31. W3C WAI. WCAG 2.2 Techniques – Controls: Icon Buttons. Disponível em: https://www.w3.org/WAI/WCAG22/Techniques/general/G78. Acesso em: 9 Mai. 2024 ([w3.org][8])
32. W3C WAI. WCAG 2.2 Understanding SC 1.3.1: Info and Relationships. Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html. Acesso em: 9 Mai. 2024 ([w3.org][9])
33. Governo Digital. Acessibilidade Digital – Portal Gov.br. Recursos de acessibilidade em vídeo, incluindo descrições textuais. Acesso em: 25 Jun. 2025 ([gov.br][5])
34. W3C WAI. WCAG 2.2 Understanding SC 2.2.1: Timing Adjustable. Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/timing-adjustable.html. Acesso em: 9 Mai. 2024 ([facebook.com][10])
35. W3C WAI. WCAG 2.2 Understanding SC 1.2.5: Audio Description (Prerecorded). Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/audio-description-prerecorded.html. Acesso em: 9 Mai. 2024 ([w3.org][11])
36. Governo Digital. Acessibilidade Digital – Portal Gov.br. Recursos de transcrição e identificação de locutores em podcasts. Acesso em: 25 Jun. 2025 ([gov.br][5])
37. W3C WAI. WCAG 2.2 Understanding SC 2.4.4: Link Purpose (In Context). Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html. Acesso em: 9 Mai. 2024 ([w3.org][9])