Acessibilidade: preparar a estrutura do site
5 min
Neste artigo
- Recomendações para a preparação do texto
- Adicionar tags HTML ao texto do seu editor
- Adicionar tags HTML ao texto usando o assistente de acessibilidade
A hierarquia do seu site (sua estrutura) ajuda os navegadores 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.
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.
- Adicionar títulos ao corpo da página: os H1s adicionados a um cabeçalho do site aparecem em todas as páginas onde o cabeçalho é exibido. Portanto, recomendamos adicionar títulos ao corpo da página.
Dica: se você tiver um site de uma só página, 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á-lo no painel Inspetor.
Editor Wix
Editor do Wix Studio
- 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 no Editor Wix e no Editor do Wix Studio, 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
- 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 e organize sua estrutura:
Escolher a tag no assistente
Ajustar a tag manualmente
Importante:
O conteúdo da página da 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.
Próximo passo:
Confira a Checklist de acessibilidade do site para continuar melhorando seu site e deixá-lo mais acessível.
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
