Editor do Wix Harmony: 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 o teclado para navegar pelo site online.

Eles permitem que o visitante veja qual é a sua posição atual 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 visitantes que usam navegação por teclado ignorem as seções superiores de um site (como menus e cabeçalhos de página) e pulem direto para o conteúdo principal da página.

Os links "Ir para o conteúdo principal" são uma parte importante da acessibilidade do site, pois oferecem 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 necessárias para renderizar o conteúdo com precisão. Isso acontece 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 o 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 Document Object Model (DOM) de um site determina a ordem de seleção/leitura dos elementos da página (ou seja, a ordem em que os elementos são lidos por leitores de tela e destacados ao usar a tecla Tab).

A ordem DOM também é impactada pela direção do idioma do seu site. Recomendamos organizar a ordem DOM com o assistente para garantir que a ordem de leitura e visual dos seus elementos estejam alinhadas. Saiba mais sobre a ordem DOM e a acessibilidade do site.

Observação: essa tarefa só é exibida se a ordem DOM e a direção do idioma do site não corresponderem.

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. Ela é extraída do nome que você dá à página, bem como do nome do site.

O assistente solicita que você altere o título de uma página quando a tag de título contém "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 de 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 e a estrutura do conteúdo de texto em uma página. As tags de cabeçalho seguem uma ordem de cima para baixo, do Título 1 (T1) ao Título 6 (T6) 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 T1 primeiro, seguido por T2, T3, etc.

Uma estrutura de cabeçalho precisa é, portanto, importante, pois oferece uma experiência clara e lógica para visitantes que usam essas tecnologias.

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

O alt text (texto alternativo) é uma descrição em texto de uma imagem em uma página web.

Alguns visitantes podem usar tecnologias assistivas, como leitores de tela, para navegar pelos sites. Elas 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 mostra. Saiba mais sobre alt text e acessibilidade do site.

O contraste de cores é uma medida da diferença de brilho percebido entre duas cores e é expresso como uma proporção que varia de 1:1 (sem contraste) a 21:1 (contraste forte). Ter um contraste forte garante que o conteúdo do site seja fácil de ser visto e lido.

A taxa 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: AA (o requisito mínimo) ou AAA (melhorado):

Você ajusta 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: apenas o nível AA é exigido no momento no assistente de acessibilidade.

Algumas pessoas que visitam o site podem ter uma ou mais deficiências 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 fornecer alternativas (por exemplo: transcrições e descrições em áudio), facilitando o acesso, a compreensão e o aproveitamento do conteúdo por esses visitantes. Saiba mais sobre alternativas de mídia.

O DOM se refere à ordem de carregamento e leitura dos elementos nas páginas do seu site e é importante para visitantes que usam leitores de tela e outras tecnologias assistivas. Você organiza a ordem DOM com o assistente para garantir que a ordem de leitura e visual dos seus elementos estejam alinhadas. Saiba mais sobre a ordem DOM e a acessibilidade do site.

Observação: esta tarefa só é exibida se o DOM automático está desativado em uma ou mais seções da página.

Textos ou elementos que levam a outras páginas, seções ou sites devem ser o mais descritivos possível. Por exemplo, "Leia mais sobre nossa pesquisa mais recente" é mais claro do que "Leia mais". Eles também devem informar se direcionam a uma ação, como enviar um formulário. Leia o documento das Diretrizes de Acessibilidade para o Conteúdo Web (WCAG) sobre Propósito do Link

As informações transmitidas por cores também devem ter indicadores separados, como padrões, estilo de fonte e ícones. Por exemplo, o texto com link deve estar sublinhado e os gráficos também devem exibir dados com diferentes padrões ou texturas. Leia o documento das Diretrizes de Acessibilidade para o Conteúdo Web (WCAG) sobre o Uso de Cores

O texto nas imagens (como fotos de placas 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 é uma parte importante do conteúdo do site ou é essencial para transmitir 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 estar configurados para reproduzir automaticamente quando a página é carregada. No entanto, isso causa confusão e distração para os visitantes, além de poder interferir em tecnologias assistivas. Por exemplo, um player de áudio que inicia automaticamente pode se sobrepor ou "falar" por cima de um leitor de tela.

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

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

A acessibilidade web é 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 demonstra o compromisso do site ou do seu cliente em fornecer um site que pode ser aproveitado por todos os visitantes. Saiba mais sobre declarações de acessibilidade.

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

O assistente verifica a maior parte do conteúdo do site. Isso inclui páginas normais do site e páginas que fazem parte de soluções de negócios (ex.: a página de calendário no Wix Bookings).
No entanto, parte do conteúdo nessas páginas pode exigir avaliações ou correções manuais. Além disso, algumas páginas do site não são verificadas ou compatíveis com o assistente.

O assistente de acessibilidade não é compatível com:

Recomendamos analisar essas páginas com nossa checklist para ver como você pode torná-las mais acessíveis.