Site avançado: Acessibilidade

Na Guesty, levamos a acessibilidade a sério e investimos ativamente para tornar os sites desenvolvidos com a Plataforma de Sites Guesty mais acessíveis. Embora permitamos que você crie sites acessíveis e estejamos adicionando recursos continuamente para facilitar ainda mais o processo, a responsabilidade final de garantir a acessibilidade do seu site é sua, assim como acontece com SEO e desempenho do site. Saiba mais sobre acessibilidade em Sites Guesty abaixo.

O que é acessibilidade?

A acessibilidade de um website refere-se à sua capacidade de ser utilizado por pessoas com deficiências auditivas, visuais ou cognitivas, bem como por aquelas que necessitam de navegação por voz, leitores de tela ou outras tecnologias assistivas. De acordo com o World Wide Web Consortium (W3C), organização que fornece padrões internacionais para a web, um site acessível deve ser perceptível, operável, compreensível e robusto para esses usuários.

Funcionalidades integradas para sites acessíveis

Aqui estão alguns dos recursos integrados que você pode usar para criar sites mais acessíveis com o Guesty Websites.

Semântica correta por padrão

Sempre que possível, os sites da Guesty utilizam elementos HTML5 semânticos. Essa é a melhor prática para acessibilidade, pois os padrões do HTML implementam diversos recursos de boa experiência do usuário (UX) para ferramentas de acessibilidade. A base da estratégia de acessibilidade dos sites da Guesty é utilizar a funcionalidade padrão do HTML. Por exemplo, os cabeçalhos utilizam tags de cabeçalho (<h1>). Isso garante a melhor funcionalidade de acessibilidade, já que ela já está integrada aos navegadores e é compatível com leitores de tela.

Etiquetas de cabeçalho

Ao usar tags de cabeçalho, você ajuda os visitantes que usam leitores de tela a entender seu site e como ele está organizado. As tags de cabeçalho (h1, h2, h3 etc.) dividem o conteúdo de uma página em blocos de informação relacionados. Lembre-se do seguinte:

• As tags de cabeçalho devem ser usadas para introduzir o conteúdo
• Use apenas uma tag h1 por página ou visualização
• As tags de cabeçalho devem ser escritas em uma sequência lógica
• Não pule níveis de cabeçalho

Texto alternativo

Certifique-se de que todos os elementos de imagem tenham uma tag ou atributo alt. Adicionar texto alternativo às suas imagens ajuda os visitantes com deficiência visual a entender melhor o contexto das fotos em seu site. Quando uma tag alt não está presente em uma imagem, um leitor de tela pode anunciar o nome ou o caminho do arquivo da imagem. Isso impede a comunicação do conteúdo da imagem. Para imagens que incluem texto, certifique-se de que a descrição alt inclua o texto da imagem.

Você pode adicionar texto alternativo a widgets com imagens, mídias, ícones ou miniaturas de posts de blog. Na maioria dos casos, você pode adicionar texto alternativo clicando com o botão direito do mouse no widget e selecionando Editar conteúdo. Na aba Conteúdo, há um campo para texto alternativo. Você pode digitar seu próprio texto alternativo ou clicar no ícone Brilho () para usar o Assistente de IA para gerar texto alternativo. O texto alternativo será gerado no idioma atual da página.

É importante notar que o ícone Sparkle ficará desativado se nenhuma imagem estiver selecionada. Além disso, você precisa estar em um plano Team ou superior com permissões de IA para usar o Assistente de IA.