header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Crie o seu site
  3. Crie um site acessível
  4. Torne o seu site acessível
  5. Acessibilidade: preparar imagens e galerias

Acessibilidade: preparar imagens e galerias

9 min
Neste artigo
  • Adicionar alt text no editor
  • Para imagens únicas
  • Para galerias
  • Adicionar alt text no Assistente de Acessibilidade
  • Gerar alt text com IA
  • Marcar imagens como decorativas
  • Texto em imagens
  • Imagens de texto
Os visitantes com condições visuais podem usar tecnologias assistivas, como leitores de tela, para navegar no seu site. Adicione descrições às imagens e galerias usando alt text para torná-las acessíveis a esses visitantes.
O alt text fornece informações sobre a mídia do seu site e ajuda os motores de busca e leitores de tela a "ler" cada uma.
De onde o Wix obtém suas informações?

Adicionar alt text no editor

O alt text garante que os visitantes que usam leitores de tela possam acessar e entender o conteúdo do seu site, por isso, recomendamos adicioná-lo a todas as imagens relevantes, incluindo mídia que aparece em aplicativos como Wix Stores, Wix Bookings, etc.  

Para imagens únicas

Adicione alt text às imagens no seu criador de sites (Editor Wix e Editor do Wix Studio) através do painel Configurações. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique na imagem na sua página.
  3. Clique no ícone Configurações .
  4. Insira uma descrição da imagem em O que há na imagem?.
  5. Pressione Enter no teclado para salvar.
O painel de configurações da imagem no Editor. O campo de alt text foi preenchido e o cursor está passando sobre ele.

Para galerias

Use o Gerenciador de Mídia do seu site para adicionar um alt text às imagens da galeria.
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique na galeria na sua página.
  3. Clique em Gerenciar mídia ou Alterar imagens.
  4. Clique em uma imagem para selecioná-la.
  5. No lado direito, insira um título para a imagem.
  6. (Para Galeria Pro Wix) Edite o alt text da sua imagem em Alt Text se quiser que ele seja diferente do título da sua imagem.
  7. Clique em OK.
Uma galeria Pro no Gerenciador de Mídia. O campo de alt text é destacado.
Dica:
Certifique-se de publicar o site para que o alt text fique online.
Observação:
No momento, não é possível adicionar alt text a imagens/galerias em massa. Se você gostaria de ver esse recurso, você pode votar nele aqui.

Adicionar alt text no Assistente de Acessibilidade

Ao verificar um site com o Assistente de Acessibilidade, pode ser que você tenha que adicionar alt text às imagens. Você pode usar a tarefa no assistente para fornecer uma descrição curta e clara para os visitantes do site.
Editor Wix
Editor do Wix Studio
Use o Assistente para adicionar alt text a imagens do site e imagens que aparecem nos seus apps Wix Stores e Wix Bookings.

Para adicionar alt text às imagens do site:

  1. Vá para o seu editor.
  2. Clique em Configurações na parte superior e selecione Acessibilidade. 
  3. Clique em Verificar site no painel do Assistente de Acessibilidade à direita. 
  4. Selecione cartões com o título Alt text.
  5. Insira a descrição da imagem no campo Descrição da imagem.
  6. Clique em Definir Alt Text.
O cartão de alt text está aberto para uma imagem. O alt text foi escrito e o cursor está clicando em Definir alt text.

Para adicionar alt text às imagens de aplicativos:

  1. Vá para o seu editor.
  2. Clique em Configurações na parte superior e selecione Acessibilidade. 
  3. Clique em Verificar site no painel do Assistente de Acessibilidade à direita. 
  4. Selecione o dropdown Lojas/Agendamentos.
  5. Selecione cartões com o título Alt text.
  6. (Apenas para lojas) Selecione cada imagem do produto/imagem da variante do produto.
  7. Insira a descrição da imagem no campo Descrição da imagem.
  8. Clique em Definir Alt Text.
  9. Clique em OK.

O campo de alt text de uma imagem de produto do Wix Stores foi preenchido. Os botões Definir alt text e OK são destacados.

Gerar alt text com IA

Você está criando um site no Editor do Wix Studio? Você pode usar o recurso de IA no Assistente de Acessibilidade para gerar alt text. Escolha se deseja gerar alt text para imagens específicas ou para todas as imagens da página.
Importante:
  • Não podemos garantir que o alt text gerado com IA seja sempre totalmente preciso. Portanto, recomendamos verificar o texto criado para cada imagem e editá-lo conforme necessário.
  • Imagens SVG ou GIF não são compatíveis com o recurso de alt text com IA. Você precisa escrever manualmente o alt text para esses arquivos. 
  • Este recurso ainda não está disponível para todos os usuários.

Para gerar alt text com IA:

  1. Vá para o seu editor.
  2. Clique em Verificador do site  no lado esquerdo do seu editor.
  3. Selecione Corrigir problemas de acessibilidade. 
  4. Clique em Escanear site.
  5. Selecione a aba Problemas detectados.
  6. Abra o dropdown da página relevante.
    • (Se nem todas as imagens tiverem alt text) Clique em Começar.
    • (Se você já adicionou alt text a todas as imagens) Clique em Editar.
  7. Selecione o que você quer fazer:
    • Gere alt text para uma única imagem:
      1. Clique no ícone Editar  ao lado da imagem relevante.
      2. Clique em Gerar.
    • Gerar alt text em massa para todas as imagens da página: clique em Gerar. 
  8. Verifique o texto criado/faça as alterações necessárias.
  9. Clique em Aplicar.
Usando a edição em massa?
A ferramenta não gera alt text para imagens marcadas como decorativas ou que já contêm alt text.
O painel AW para alt text em uma página. O cursor está passando sobre o botão Gerar.
Observação:
Por vezes, você pode ver que o recurso de IA falhou ao gerar alt text para uma imagem/imagens em uma página. Você pode clicar em Tentar novamente se necessário.

Marcar imagens como decorativas

Imagens decorativas são imagens que não contribuem para o conteúdo do site, pois elas existem apenas para fins estéticos ou decorativos.
Se uma imagem no site for decorativa e não for relevante para o contexto, não é necessário adicionar alt text. Você pode marcar uma imagem como decorativa no Assistente de Acessibilidade para garantir que os motores de busca e leitores de tela a ignorem automaticamente.
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique em Configurações na parte superior e selecione Acessibilidade. 
  3. Clique em Verificar site no painel do Assistente de Acessibilidade à direita. 
  4. Selecione cartões com o título Alt text.
  5. Selecione a caixa ao lado de Esta imagem é decorativa, não precisa de descrição.
Captura de tela mostrando a opção de imagem decorativa sendo marcada no Assistente de Acessibilidade.
É importante saber:
Você deve adicionar alt text a quaisquer imagens que contenham links, e não marcá-las como decorativas.

Texto em imagens

Essa seção refere-se a imagens que contêm texto ilustrado ou adicionado. 
O texto nas imagens não pode ser "lido" pelos motores de busca ou leitores de tela. No entanto, se a imagem for necessária e o texto tiver contexto para o site, você pode adicioná-lo à descrição da imagem.
Se o texto não tiver contexto ou não contribuir para o conteúdo do site, você não precisa adicioná-lo à descrição da imagem.
Selecione uma opção abaixo para saber mais sobre o texto da imagem que você deve ou não adicionar à descrição da imagem.

Imagens de texto

As imagens de texto contêm apenas texto e nenhum outro elemento na imagem. Alguns exemplos incluem imagens de fontes ou logos que contêm somente texto.
Como não são elementos de texto "reais", as imagens de texto não podem ser lidas pelos motores de busca ou leitores de tela. Recomendamos evitá-los sempre que possível e substituí-los por elementos de texto reais para melhorar o SEO e a acessibilidade em seu site.
Próximo passo:
Confira a checklist de acessibilidade do site para continuar melhorando seu site e deixá-lo mais acessível.

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Adicionar alt text no editor
  • Para imagens únicas
  • Para galerias
  • Adicionar alt text no Assistente de Acessibilidade
  • Gerar alt text com IA
  • Marcar imagens como decorativas
  • Texto em imagens
  • Imagens de texto

Esse artigo foi útil?

|