Ir para o Conteúdo 1 Ir para a Página Inicial 2 Ir para o menu de Navegação 3 Ir para a Busca 4 Ir para o Mapa do site 5
Abrir menu principal de navegação
Gestão de Conteúdo
Termos mais buscados
  • imposto de renda
  • inss
  • assinatura
  • cnh social
  • mei
Termos mais buscados
  • imposto de renda
  • inss
  • assinatura
  • Manuais e Tutoriais
    • Acessibilidade em Imagens
    • Adicionando Itens
      • Adicionar Item Arquivo
      • Adicionar Item Áudio
      • Adicionar Pasta de Formulário
      • Adicionando Serviços na Capa
    • Carrossel de Assuntos
    • Configurações do Ambiente
      • Configurando o item Composição
      • Configuração Multi-idioma
      • Integração com o sistema e-Agendas
      • Cadastro de rede social
      • Habilitando RSS
    • Configurando Canais de Atendimento CGU
      • Utilizando Tile de Canais
    • Classes em Capas
      • Linhas
      • Linhas de Destaque
      • Tile de Cabeçalho
      • Tile de Notícia
      • Classes de Visibilidade
    • Criação de cards
    • Diretrizes Para Edição de Conteúdo
      • Legislação de Comunicação Digital
      • Padrão Digital de Governo
      • Regras para Editores de Conteúdo gov.br
      • Cartilha de Acessibilidade gov.br
      • Conteúdos voltados para a implementação de acessibilidade
    • Edição de Notícias
      • Adicionar Item Notícia em Capa
      • Como inserir Imagem em Notícia
      • Como inserir áudio em notícias
    • Gestão de Acesso
      • Gestão de Usuários
      • Papéis de usuário
    • Liberação de Acesso ao Google Analytics
    • Mapa Interativo
    • Tutorial demonstrativo Portal Gov.Br
    • Tutoriais do Plone 6
      • Criando uma página
      • Trabalhando com Blocos
      • Notícia
      • Gestão de acesso
      • Composição
  • Videoaulas
    • Curso Portal Gov.Br
    • Playlist para editores da plataforma GOV.BR
  • Guia de Edição de Serviços do Portal Gov.br
  • GOV.BR
    • Serviços
      • Buscar serviços por
        • Categorias
        • Órgãos
        • Estados
      • Serviços por público alvo
        • Cidadãos
        • Empresas
        • Órgãos e Entidades Públicas
        • Demais segmentos (ONGs, organizações sociais, etc)
        • Servidor Público
    • Temas em Destaque
      • Orçamento Nacional
      • Redes de Atendimento do Governo Federal
      • Proteção de Dados Pessoais
      • Serviços para Imigrantes
      • Política e Orçamento Educacionais
      • Educação Profissional e Tecnológica
      • Educação Profissional para Jovens e Adultos
      • Trabalho e Emprego
      • Serviços para Pessoas com Deficiência
      • Combate à Discriminação Racial
      • Política de Proteção Social
      • Política para Mulheres
      • Saúde Reprodutiva da Mulher
      • Cuidados na Primeira Infância
      • Habitação Popular
      • Controle de Poluição e Resíduos Sólidos
    • Notícias
      • Serviços para o cidadão
      • Saúde
      • Agricultura e Pecuária
      • Cidadania e Assistência Social
      • Ciência e Tecnologia
      • Comunicação
      • Cultura e Esporte
      • Economia e Gestão Pública
      • Educação e Pesquisa
      • Energia
      • Forças Armadas e Defesa Civil
      • Infraestrutura
      • Justiça e Segurança
      • Meio Ambiente
      • Trabalho e Previdência
      • Turismo
    • Galeria de Aplicativos
    • Acompanhe o Planalto
    • Navegação
      • Acessibilidade
      • Mapa do Site
      • Termo de Uso e Aviso de Privacidade
    • Consultar minhas solicitações
    • Órgãos do Governo
    • Por dentro do Gov.br
      • Dúvidas Frequentes em relação ao Portal gov.br
      • Dúvidas Frequentes da conta gov.br
      • Ajuda para Navegar o Portal
      • Conheça os elementos do Portal
      • Política de e-participação
      • Termos de Uso
      • Governo Digital
      • Guia de Edição de Serviços do Portal Gov.br
    • Canais do Executivo Federal
    • Dados do Governo Federal
      • Dados Abertos
      • Painel Estatístico de Pessoal
      • Painel de Compras do Governo Federal
      • Acesso à Informação
    • Empresas e Negócios
Links Úteis
  • Galeria de Aplicativos
  • Participe
  • Galeria de Aplicativos
  • Participe
Você está aqui: Página Inicial Galeria de exemplos Práticas workshop Notícias Teste O uso correto do texto alternativo
Info

Notícias

Texto alternativo

O uso correto do texto alternativo

É uma alternativa aos elementos não-textuais de uma página web.
Compartilhe por Facebook Compartilhe por Twitter Compartilhe por WhatsApp Compartilhe por LinkedIn link para Copiar para área de transferência
Publicado em 19/04/2024 18h54 Atualizado em 19/11/2024 10h05
Ilustração de Pessoas com Deficiência utilizando computador e dispositivos móveis

Acessibilidade Digital

Adicionar o texto alternativo em imagens é o primeiro princípio na acessibilidade.

No entanto, uma simples verificação por algumas páginas mostra que, quando o atributo não é sumariamente ignorado, apresenta implementações incorretas, equivocadas, e falhas, não cumprindo sua função. Como diversas outras recomendações em acessibilidade, a utilização correta do texto alternativo depende menos do conhecimento de código e da utilização de ferramentas e mais do conhecimento humano, da sensibilidade e interpretação pessoal daquele profissional que inseriu a imagem na página. As orientações que se seguem visam ao esclarecimento e à melhoria da qualidade dos textos alternativos. Os exemplos a seguir são direcionados ao seu uso em imagens, porém os princípios podem ser aplicados a qualquer outra mídia de conteúdo não-textual na internet.

A função do texto alternativo

O principio do texto alternativo é que os sistemas atuais não têm capacidade de analisar e determinar o que uma imagem representa no contexto de uma página. Resta a equipe que alimenta a página, o fator humano, determinar o conteúdo e a função de uma dada imagem na página.

As funções básicas de um texto alternativo são:

  • Permitir a tradução do conteúdo/função da imagem pelos leitores de tela utilizados por pessoas portadoras de deficiência visual;
  • Ser mostrado no lugar da imagem em navegadores-texto ou em navegadores que, por sua preferência, o usuário desabilitou o uso de imagem;
  • Prover um sentido e descrição a imagens para que os motores de busca possam identificar e classificar.

Blocos de texto e parágrafos

Os parágrafos devem ter tamanhos razoáveis, com frases não muito longas, pois podem prejudicar a leitura com os leitores de tela e os avatares de Libras: a média deve ser em torno de 80 caracteres por linha. Larguras muito finas, com menos de 80 caracteres, não configuram uma barreira, mas prejudicam a leitura de quem navega com leitor de telas, pois é necessário clicar mais vezes no teclado para mudar de linha na leitura. Evite o uso de textos longos em caixa alta ou condensados. Em blocos de texto, evite o alinhamento justificado: o recomendado é sempre o alinhamento à esquerda.

Fontes

As fontes devem ser fluidas e de fácil entendimento. Evite o uso de fontes rebuscadas e manuscritas. O tamanho mínimo recomendado é de 18 pontos ou 14 pontos em negrito. Não é recomendado configurar o tamanho das fontes para um tamanho menor do que o padrão dos navegadores: pessoas autistas e pessoas com baixa visão, por exemplo, têm dificuldades com textos de letras pequenas. Também respeite um espaçamento mínimo entre as linhas.

Uso da Cor

A escolha de cores deve ser feita com cuidado porque as pessoas enxergam cores de formas diferentes. Algumas não conseguem enxergar todos os espectros de cores, como nos diversos tipos de daltonismo – algumas não enxergam o vermelho, outras o azul, outras o verde e outras não enxergam cor alguma. As cores utilizadas podem ter um impacto muito grande na forma como essas pessoas percebem e compreendem o conteúdo.

Confira a Cartilha de Acessibilidade GOV.BR

Finanças, Impostos e Gestão Pública
Compartilhe por Facebook Compartilhe por Twitter Compartilhe por WhatsApp Compartilhe por LinkedIn link para Copiar para área de transferência
  • Manuais e Tutoriais
    • Acessibilidade em Imagens
    • Adicionando Itens
      • Adicionar Item Arquivo
      • Adicionar Item Áudio
      • Adicionar Pasta de Formulário
      • Adicionando Serviços na Capa
    • Carrossel de Assuntos
    • Configurações do Ambiente
      • Configurando o item Composição
      • Configuração Multi-idioma
      • Integração com o sistema e-Agendas
      • Cadastro de rede social
      • Habilitando RSS
    • Configurando Canais de Atendimento CGU
      • Utilizando Tile de Canais
    • Classes em Capas
      • Linhas
      • Linhas de Destaque
      • Tile de Cabeçalho
      • Tile de Notícia
      • Classes de Visibilidade
    • Criação de cards
    • Diretrizes Para Edição de Conteúdo
      • Legislação de Comunicação Digital
      • Padrão Digital de Governo
      • Regras para Editores de Conteúdo gov.br
      • Cartilha de Acessibilidade gov.br
      • Conteúdos voltados para a implementação de acessibilidade
    • Edição de Notícias
      • Adicionar Item Notícia em Capa
      • Como inserir Imagem em Notícia
      • Como inserir áudio em notícias
    • Gestão de Acesso
      • Gestão de Usuários
      • Papéis de usuário
    • Liberação de Acesso ao Google Analytics
    • Mapa Interativo
    • Tutorial demonstrativo Portal Gov.Br
    • Tutoriais do Plone 6
      • Criando uma página
      • Trabalhando com Blocos
      • Notícia
      • Gestão de acesso
      • Composição
  • Videoaulas
    • Curso Portal Gov.Br
    • Playlist para editores da plataforma GOV.BR
  • Guia de Edição de Serviços do Portal Gov.br
Redefinir Cookies
Acesso àInformação
Todo o conteúdo deste site está publicado sob a licença Creative Commons Atribuição-SemDerivações 3.0 Não Adaptada.
Voltar ao topo da página
Fale Agora Refazer a busca