Acessibilidade: preparar a estrutura do site
8 min
A hierarquia do site (sua estrutura) ajuda os navegadores da web e leitores de tela a entender como o conteúdo do site deve ser organizado. Você pode adicionar tags HTML ao texto do site para indicar seu lugar na ordem do site e fornecer uma experiência clara para os visitantes.
Importante:
O conteúdo da página web é 'lido' pela ordem DOM das páginas do seu site. Você pode verificar essa ordem e ajustá-la, se necessário. Saiba mais sobre como organizar a ordem do seu site.
Recomendações para a preparação do texto
Recomendamos que você tenha as seguintes diretrizes em mente ao preparar o texto do site:
- Use tags HTML para o seu texto: cada página deve ter um cabeçalho H1 e, depois disso, as tags HTML em cada página devem ser sequenciais. Por exemplo, se o cabeçalho principal da página for uma tag H1, o subtítulo deve ser H2 e assim por diante. Isso serve para que os visitantes com deficiência visual possam navegar pelo seu conteúdo em uma ordem lógica.
- Os títulos devem ser descritivos: pense nos títulos como etiquetas para o texto abaixo (isso também é importante para SEO).
- O espaçamento é importante: ao editar seu texto, se você quiser dividir um título em várias linhas, use as teclas Shift + Enter para inserir uma quebra de linha, em vez de Enter, que cria um novo elemento de título em cada linha.
- Adicione cabeçalhos ao corpo da página: os H1s adicionados ao cabeçalho do site aparecem em todas as páginas onde o cabeçalho é exibido. Portanto, recomendamos adicionar cabeçalhos ao corpo da página.
Dica: se você tiver um site de página única sem páginas adicionais, você pode ignorar essa recomendação.
Adicionar tags HTML ao texto do seu editor
Adicione tags HTML ao texto do site para definir sua hierarquia. Se você estiver criando um site com o Editor Wix, você pode selecionar a tag nas configurações de texto. Se você estiver trabalhando com o Editor do Wix Studio, você pode encontrá-la no painel Inspetor. A opção também está disponível nas opções de design de texto no Editor do Wix Harmony.
Editor Wix
Editor do Wix Studio
Editor do Wix Harmony
- Selecione o texto relevante no seu editor.
- Selecione Editar texto.
- Selecione SEO e acessibilidade.
- Escolha uma tag HTML no menu dropdown.
Adicionar tags HTML ao texto usando o assistente de acessibilidade
Verifique um site com o assistente de acessibilidade para encontrar e ajustar tags nos seus elementos de texto. O assistente está disponível em todos os nossos criadores de sites, para que você possa melhorar a acessibilidade de qualquer site em que estiver trabalhando.
Com a maior parte do texto, você pode fazer alterações dentro do próprio assistente. No entanto, alguns elementos de texto (por exemplo: texto do app) não estão totalmente integrados com o assistente no momento e podem precisar ser ajustados manualmente.
Editor Wix
Editor do Wix Studio
Editor do Wix Harmony
- Vá para o seu editor.
- Clique em Configurações na parte superior.
- Selecione Acessibilidade.
- Selecione Verificar site.
- Clique na aba Problemas identificados.
- Selecione a página relevante.
- Clique em Organize a estrutura do cabeçalho.
- Selecione o elemento de texto relevante.
- Dependendo se o texto é compatível com o assistente, siga um dos métodos abaixo. Você também pode escolher se deseja atualizar as tags de cabeçalho por conta própria ou com nosso recurso de IA.
Otimizar com IA
Escolher a tag no assistente
Ajustar a tag manualmente
.
Próximo passo:
Confira a checklist de acessibilidade para continuar melhorando seu site e deixá-lo mais acessível.
