Usando um design inclusivo para melhorar a acessibilidade do site

Melhore a usabilidade do seu site para pessoas com deficiências.

Ultima atualização 15 de julho de 2024

Você pode personalizar muitos aspectos do seu site para torná-lo mais acessível e fácil de navegar para todos os visitantes, incluindo aqueles com deficiências ou que usam leitores de tela e outras tecnologias assistivas.

Este guia traz recomendações para você criar e estruturar seu conteúdo.

Anotação

este guia é um recurso introdutório, mas não deve ser interpretado nem considerado aconselhamento jurídico. O Squarespace não pode dar conselhos sobre o cumprimento de nenhuma lei, regulação ou padrão relativa à acessibilidade.

Layout

Um site com layout e design claros é útil para pessoas com problema visual ou cognitivo. Aliás, um layout direto e padronização também beneficia quem não está familiarizado com o computador ou quem acessa o seu site em uma tela menor, como no celular. Diferentes partes do site, como os menus de navegação, links e seções de texto, devem ser fáceis de identificar.

Navegação pelo teclado

Alguns visitantes usam o teclado (em vez do mouse) para navegar no seu site. A acessibilidade do teclado também é importante em certas tecnologias assistivas, como reconhecimento de voz e leitor de tela. Para testar a acessibilidade do seu site, tente navegar apenas com o teclado. 

Personalizar o contorno do foco

Na versão 7.1, os sites Squarespace já vêm com um recurso de contorno de foco que destaca itens em uma página, como links de navegação e campos de formulário. Porém, o contorno do foco é padrão em todos os sites e páginas; não é possível personalizar a cor ou a espessura da linha. O contorno aparece quando os visitantes pressionam Tab no teclado. Na primeira vez que Tab é pressionado, aparece a mensagem Pular para conteúdo. Pressione a barra de espaço para pular o cabeçalho e a navegação do site e vá diretamente para o conteúdo do site; ou continue pressionando Tab para navegar para outro conteúdo.

Anotação

para evitar problemas com o recurso de contorno de foco, use a versão atualizada do seu browser. Siga estes passos para atualizar a versão do browser.

Atalhos de teclado do Squarespace

Saiba mais sobre os atalhos de teclado que você pode usar ao gerenciar e editar seu site.

Editor Intuitivo

Ao editar uma seção do Editor Intuitivo, recomendamos o seguinte:

  • Se os blocos ficarem sobrepostos, veja se o conteúdo de todos os blocos estão visíveis aos visitantes.
  • Pense em como diferentes elementos podem interagir no bloco. Não é recomendável, por exemplo, colocar um bloco de botões em cima de um bloco de formulário, pois os visitantes podem não saber qual botão usar para enviar o formulário.
  • Se você estiver colocando texto sobre outros tipos de conteúdo, certifique-se de que seja legível. Isso pode significar adicionar um plano de fundo colorido a um bloco, alterar a cor do texto para que se destaque em uma imagem ou mover o texto para um local onde ainda seja legível. Para saber mais, consulte Criação de conteúdo de site acessível.
Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Usando um design inclusivo para melhorar a acessibilidade do site