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.

Elas permitem que o visitante veja onde está no momento e, portanto, são cruciais para a acessibilidade do site. Saiba mais sobre 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 adicionais possam navegar pelo site em uma ordem lógica. Saiba mais sobre ordem e acessibilidade DOM

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 de título de página precisas 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 descendente, do Cabeçalho 1 (H1) para o Cabeçalho 6 (H6) e, em seguida, 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. 

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

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. 

Portanto, o alt text é uma parte importante de um site, pois ele 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

O contraste de cores é uma medida da diferença de brilho percebido entre duas cores, expressa como uma razã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 de 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):

Você pode ajustar o contraste da maior parte do conteúdo do site dentro do assistente de acessibilidade. No entanto, alguns elementos não estão totalmente integrados ao assistente no momento e precisam ser ajustados manualmente. Saiba mais sobre como ajustar o contraste de cores.

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

O assistente pode identificar elementos e conteúdo na página que não são totalmente acessíveis para os visitantes do site. Dependendo do tipo de elemento, você pode substituí-lo por uma alternativa no painel Elementos. Se não houver opções adequadas disponíveis, recomendamos removê-lo do site.

Alguns visitantes do site podem ter uma ou mais deficiência ou condições que afetam sua visão e/ou audição. Você pode garantir que os arquivos de mídia sejam acessíveis ao oferecer alternativas (por exemplo: transcrições e descrições de áudio), facilitando para que esses visitantes acessem, entendam e aproveitem o conteúdo. Saiba mais sobre alternativas de mídia.

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 Propósito 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áficos 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 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 ampliado.

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 comprometimento do site/seu cliente em fornecer um site que possa ser utilizado por todos os visitantes.  Leia mais sobre as declarações de acessibilidade.

Pode haver um contraste de cores no site que o assistente não identifica. Para garantir que todo o conteúdo do site seja claro e visível para os visitantes, recomendamos revisar manualmente o contraste do conteúdo do site e ajustá-lo conforme necessário.