Acessibilidade: preparar imagens e galerias
8 min de leitura
Neste artigo
- Adicionar alt text no editor
- Para imagens únicas
- Para galerias
- Adicionar alt text no Assistente de Acessibilidade
- 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?
- Fazemos recomendações de acordo com as Diretrizes de Acessibilidade para o Conteúdo Web (WCAG na sigla em inglês) (em inglês), que foi desenvolvido pelo World Wide Web Consortium (W3C).
- Este artigo baseia-se nos seguintes critérios de sucesso:
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
- Vá para o seu editor.
- Clique na imagem na sua página.
- Clique no ícone Configurações
. - Insira uma descrição da imagem em O que há na imagem?.
- Pressione Enter no teclado para salvar.
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
- Vá para o seu editor.
- Clique na galeria na sua página.
- Clique em Gerenciar mídia ou Alterar imagens.
- Clique em uma imagem para selecioná-la.
- No lado direito, insira um título para a imagem.
- (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.
- Clique em OK.
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. Use 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:
- Vá para o seu editor.
- Clique em Configurações na parte superior e selecione Acessibilidade.
- Clique em Verificar site no painel do Assistente de Acessibilidade à direita.
- Selecione cartões com o título Alt text.
- Insira a descrição da imagem no campo Descrição da imagem.
- Clique em Definir Alt Text.
Para adicionar alt text às imagens de aplicativos:
- Vá para o seu editor.
- Clique em Configurações na parte superior e selecione Acessibilidade.
- Clique em Verificar site no painel do Assistente de Acessibilidade à direita.
- Selecione o dropdown Lojas/Agendamentos.
- Selecione cartões com o título Alt text.
- (Apenas para lojas) Selecione cada imagem do produto/imagem da variante do produto.
- Insira a descrição da imagem no campo Descrição da imagem.
- Clique em Definir Alt Text.
- Clique em OK.
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
- Vá para o seu editor.
- Clique em Configurações na parte superior e selecione Acessibilidade.
- Clique em Verificar site no painel do Assistente de Acessibilidade à direita.
- Selecione cartões com o título Alt text.
- Selecione a caixa ao lado de Esta imagem é decorativa, não precisa de descrição.
É 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.
Texto importante
Texto sem importância
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.
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
