Guias/Editar seu site/Configurações do site/Melhorar a acessibilidade do seu site

Melhorar a acessibilidade do seu site

Um site acessível visa ser inclusivo para o maior número possível de usuários, incluindo pessoas com deficiência que dependem de tecnologia assistiva para navegar na web. Este guia explicará como garantir que seu site seja acessível.

Webinar: crie um site acessível

Este vídeo está em inglês.
O YouTube oferece recursos de tradução automática para que você possa assisti-lo no seu idioma:

Para ativar legendas com tradução automática:

  1. Reproduza o vídeo.
  2. Clique no ícone ⚙️ Configurações (no canto inferior direito do vídeo).
  3. Selecione Legendas/CC.
  4. Escolha Tradução automática.
  5. Selecione o idioma de sua preferência.

Para ouvir com dublagem automática (experimental):

  1. Clique no ícone ⚙️ Configurações.
  2. Selecione Faixa de áudio.
  3. Escolha o idioma em que deseja ouvir o vídeo.

ℹ️ As traduções e dublagens são geradas automaticamente pelo Google, podem não ser perfeitas e a dublagem automática ainda está em fase de testes, podendo não estar disponível em todos os idiomas.

Melhore a acessibilidade no seu site

Ao criar seu site, há algumas medidas que você pode tomar para garantir que seu conteúdo esteja acessível.

Usar texto alternativo nas imagens

Nem todos os visitantes do seu site podem ver suas imagens. Algumas pessoas com deficiência visual usam ferramentas chamadas leitores de tela para navegar na web.

Para ajudar pessoas com deficiência visual, adicione um texto alternativo, que descreve o que é mostrado na imagem.

No editor do WordPress, você pode adicionar textos alternativos nas configurações dos blocos de imagem, galeria, cobertura e mídia e texto.

Os rastreadores de mecanismo de busca também leem o texto alternativo para reconhecer o conteúdo de uma imagem, portanto, ele tem o benefício adicional de melhorar a SEO.

A configuração de texto alternativo no bloco de imagem.

Escreva legendas descritivas de imagens

Ao inserir uma imagem, considere escrever uma legenda para melhorar a experiência de leitura para todos, especialmente para os visitantes que não podem ver a imagem.

Você pode ser criativo com legendas de imagens. Embora o texto alternativo deva ser baseado em fatos, as legendas podem ajudar a transmitir a sensação da imagem.

Por exemplo, em vez de “Meu filho no balanço”, tente “Meu filho está brincando em seu balanço favorito. Seu rosto está cheio de pura alegria em um belo dia de primavera. Perfeito.”

Ao adicionar links ao seu texto, seja descritivo no texto vinculado. Por exemplo, “Clique aqui” não é tão explicativo quanto “Entre em contato comigo”.

Use títulos apropriados

Use títulos livremente nas suas páginas e posts para facilitar o acompanhamento do seu conteúdo pelos leitores (especialmente em páginas longas).

Ao usar títulos, você notará que cada título tem um nível de 1 a 6. Se você inserir um tamanho de título incorreto, ele será destacado na visão geral da página para que você possa corrigi-lo. Para exibir essa visão geral, abra a Visualização em lista e selecione a guia “Esboço”:

Imagem mostrando a ferramenta de visão geral que destaca tamanhos de títulos incorretos.
A visão geral destaca tamanhos de títulos incorretos. Neste exemplo, H2 seria o mais apropriado.

Escolha fontes e cores com sabedoria

Evite estilos e tamanhos de fonte que dificultam a leitura do seu site. Além disso, preste atenção a cores contrastantes, ou seja, à diferença entre a cor escura do seu texto e a cor clara do seu plano de fundo.

As configurações de cor exibirão uma mensagem de aviso quando detectarem opções de contraste insatisfatórias:

As configurações de cor mostram dois tons de azul semelhantes selecionados para texto e plano de fundo, e o aviso de contraste resultante.
O editor avisará se você escolher cores com baixo contraste.

Adicione transcrições ao conteúdo multimídia

Se o seu site inclui conteúdo de vídeo ou áudio, considere adicionar legendas ocultas ou incluir transcrições (documentando fala, sons e ações vistas na tela).

É melhor que o conteúdo de vídeo e áudio não seja reproduzido automaticamente, mas se isso não for possível, as opções para pausar ou ajustar o volume devem estar óbvias na página.

Temas acessíveis

O WordPress.com procura garantir que todos os nossos temas estejam acessíveis. No entanto, alguns temas podem incluir funcionalidades adicionais que adicionam complexidade ao site, o que pode comprometer certos aspectos da acessibilidade.

Se isso for particularmente preocupante, você pode encontrar temas que testamos para garantir acessibilidade aqui: opções acessíveis. Se você não tiver certeza de qual tema usar para deixar o site acessível, esses são uma escolha segura.

Diretrizes de acessibilidade

No WordPress.com, temos o compromisso de ser o mais inclusivos e acessíveis possível. Seguimos os padrões de design da Web e as práticas recomendadas ao criar novas funcionalidades e temas. Estamos sempre buscando novas maneiras de lidar com preocupações específicas à medida que as tecnologias da Web evoluem.

Embora nos esforcemos para tornar o WordPress.com totalmente acessível, a conformidade com regulamentos específicos, como a ADA e a Seção 508, está em última análise nas mãos do proprietário do site. Fornecemos uma plataforma acessível, mas um site acessível depende dos proprietários do site e do conhecimento deles sobre as dicas de acessibilidade nesta página.

Você pode testar se temas específicos estão em conformidade com essas diretrizes usando uma ferramenta como a WAVE. Para sites que exigem 100% de conformidade, recomendamos testar seu tema preferido usando a página de demonstração do tema, como Twenty Twenty-Four ou Twenty Twenty-Five.

Copied to clipboard!