Acessibilidade: usar o Assistente de Acessibilidade

Os indicadores de foco são retângulos azuis que aparecem ao redor de elementos interativos (como botões ou links) quando os visitantes usam um teclado para navegar pelo site online.

Eles permitem que o visitante veja sua posição atual e, portanto, são cruciais para a acessibilidade do site. Saiba mais sobre os indicadores de foco.

"Ir para o conteúdo principal" é um recurso que permite que os visitantes usem a navegação com o teclado para ignorar as seções superiores de um site (como menus e cabeçalhos da página) e pular diretamente para o conteúdo principal da página. 

Os links "Ir para o conteúdo principal" são uma parte importante da acessibilidade de um site, pois fornecem aos visitantes acesso rápido às informações de que precisam. Saiba mais sobre "Ir para o conteúdo principal".

Definir o idioma principal do site fornece às tecnologias assistivas as informações de que precisam para renderizar o conteúdo com precisão. Ela faz isso ao: 

Portanto, é importante definir o idioma principal do site, pois isso garante que os visitantes que usam essas tecnologias tenham a melhor experiência.

Se você adicionou Wix Multilíngue ao seu site, o idioma principal escolhido durante a configuração não pode ser alterado.  

No entanto, você pode:

A ordem DOM de um site determina a ordem de "leitura" dos elementos na página.

Alguns visitantes do site usam leitores de tela e outras tecnologias assistivas para navegar em um site.

Os leitores de tela, por exemplo, escaneiam o conteúdo do site e "leem" em voz alta para o visitante. Esses visitantes, assim como as pessoas com dificuldades de mobilidade, também podem usar a tecla Tab para navegar pelo conteúdo do site. 

Organizar a ordem DOM de um site é, portanto, importante para a acessibilidade, pois garante que os visitantes que usam essas tecnologias assistivas e outras possam navegar pelo site em uma ordem lógica. Saiba mais sobre ordem DOM e acessibilidade

A tag de título de uma página é o título que os motores de busca geralmente exibem para a página nos resultados de busca. Ele é retirado do nome que você dá à página, assim como do nome do site. 

O assistente solicita que você altere o título de uma página quando a tag de título tiver "Nova página" (o padrão atribuído a novas páginas que você adiciona a um site) ou "Cópia de" (o padrão atribuído a páginas duplicadas).

As tags de título da página fornecem aos visitantes que usam tecnologia assistiva informações importantes sobre o conteúdo da página. Para garantir a melhor experiência, os títulos das páginas devem ser:

Dica: tags precisas de título de página também são uma parte importante do SEO do seu site.

Tags de cabeçalho são elementos no código HTML de um site que determinam a hierarquia/estrutura do conteúdo de texto em uma página. As tags de cabeçalho seguem uma ordem de cima para baixo, do Cabeçalho 1 (H1) para o Cabeçalho 6 (H6) e, em seguida, para o texto do parágrafo (P).

As tecnologias assistivas usam tags de cabeçalho para saber a ordem do conteúdo da página. Por exemplo, os leitores de tela leem o conteúdo H1 primeiro, seguido por H2, H3, etc. 

Uma estrutura de cabeçalho precisa é importante, pois fornece uma experiência clara e lógica para os visitantes que usam essas tecnologias. Saiba mais sobre tags de cabeçalho.

Você pode ajustar muitas tags de cabeçalho dentro do assistente de acessibilidade. No entanto, no momento, alguns elementos não estão totalmente integrados com o assistente e precisam ser ajustados manualmente. 

O alt text é uma descrição textual de uma imagem em uma página web.

Alguns visitantes podem usar tecnologias assistivas, como leitores de tela, para navegar pelos sites. Eles leem o conteúdo do site em voz alta para os visitantes, incluindo o alt text. 

O alt text é, portanto, uma parte importante de um site, pois garante que os visitantes que usam essas tecnologias possam acessar o conteúdo e entender o que a imagem contém. Saiba mais sobre alt text e acessibilidade.

Contraste de cores é uma métrica da diferença no desempenho refletido entre duas cores e é expresso como uma proporção que varia de 1:1 (sem contraste) a 21:1 (forte contraste). Ter um forte contraste garante que o conteúdo do site seja fácil de ver e ler. 

A proporção de contraste de cores necessária depende do tipo do elemento e do nível das Diretrizes de Acessibilidade para o Conteúdo Web (WCAG) que você deseja alcançar. Pode ser AA (o requisito mínimo), ou AAA (melhorado) (links em inglês):

Observação: no momento, apenas o nível AA é necessário no assistente de acessibilidade.

O texto ou elementos que vinculam a outras páginas, seções ou sites devem ser o mais descritivos possível. Por exemplo, "Leia mais sobre nossas pesquisas mais recentes" é mais claro do que "Leia mais". Eles também devem ser claros se levarem a uma ação, como o envio de um formulário. Leia o documento Diretrizes de Acessibilidade para o Conteúdo Web (WCAG) sobre o Proposito do link (em inglês).

As informações passadas por cor também devem ter indicadores separados, como texturas, estilo da fonte e ícones. Por exemplo, o texto vinculado deve ser sublinhado e os gráfico também devem exibir dados com diferentes padrões ou texturas. Leia o documento Diretrizes de Acessibilidade para o Conteúdo Web (WCAG) sobre o uso de cores (em inglês).

O texto nas imagens (como fotos de sinais ou slogans) não pode ser lido por leitores de tela. Recomendamos substituir essas imagens por texto real sempre que possível. 

Se o texto da imagem for uma parte importante do conteúdo do site ou for essencial para passar informações, inclua o texto na descrição da imagem (alt text). Saiba mais sobre texto nas imagens.

Alguns players de vídeo e áudio podem ser configurados para reproduzir automaticamente quando a página for carregada. No entanto, isso pode causar confusão e distração para os visitantes e pode interferir com as tecnologias assistivas. Por exemplo, um player de áudio que inicia automaticamente pode substituir ou "falar" por cima de um leitor de tela. 

Portanto, recomendamos fornecer aos visitantes a opção de parar/pausar e silenciar o conteúdo. Saiba mais sobre como adicionar controles.

Os elementos/componentes do site ainda devem estar visíveis se o navegador estiver com o zoom ampliado. Isso serve para garantir que os usuários com condições visuais possam ampliar o site e ainda ver todo o conteúdo da página. Você pode verificar isso ao visualizar o site e alterar o zoom do seu navegador para 200%. Saiba mais sobre conteúdo com zoom.

A acessibilidade do site é um requisito legal em vários países. No entanto, mesmo que não seja um requisito legal na sua região, recomendamos adicionar a declaração. Isso mostra o engajamento do site/seu cliente em fornecer um site que possa ser desfrutado por todos os visitantes. Leia mais sobre as declarações de acessibilidade.