Utilize os recursos integrados de acessibilidade do site e ferramentas gratuitas para testar o seu site.

Você pode criar um site inclusivo que acomode todos, incluindo visitantes com deficiência. O uso de layouts estruturais claros, como títulos e listas com marcadores, ajuda os leitores de tela a digitalizar páginas com eficiência para que os clientes possam encontrar informações rapidamente.

Experimente também: torne seu site acessível com práticas de design inclusivas

Atenção: este guia é um recurso e não serve como aconselhamento jurídico. O Squarespace não dá conselho sobre leis nem normas de acessibilidade específicas ao seu site ou empresa, conforme declarado nos nossos Termos de Serviço.

Estruture o texto, o layout e os títulos do seu site para leitores de tela

Você pode personalizar diversos aspectos do seu site, como menus de navegação, links e texto, para tornar o conteúdo mais acessível e fácil de navegar para todos os visitantes. O Squarespace inclui vários recursos integrados e opções de personalização: 

• Opções de contraste de cores: combine tons de plano de fundo e cores de fonte no painel Cores para atender às diretrizes das WCAG sem CSS personalizado.
• Contorno de foco do teclado: para ajudar os visitantes a acompanhar visualmente onde estão em uma página, uma borda nítida aparece automaticamente ao navegar por links ou campos de formulário.
• Link "Ir para o conteúdo": os visitantes podem acessar diretamente o conteúdo principal de uma página, em vez de rolar pelos menus de navegação do cabeçalho. Esse link aparece automaticamente quando um visitante pressiona a tecla Tab.
• Estruturas de página semânticas: crie layouts organizados que o software de conversão de texto em fala possa seguir. Para manter uma ordem de leitura previsível para tecnologias assistivas como leitores de tela, use títulos para estruturar seu texto.

Torne seu fluxo de finalização de compra on-line acessível

Todos os templates do Squarespace incluem recursos integrados para ajudar os clientes a navegar pela sua loja on-line. A página de finalização da compra utiliza configurações específicas por padrão para garantir que os elementos da página funcionem corretamente com leitores de tela e outros softwares de acessibilidade.


Esses recursos integrados ajudam a manter um layout claro para seus clientes:

• Campos de formulário pré-etiquetados: os campos de finalização de compra segura incluem rótulos de texto claros. Este texto informa aos leitores de tela exatamente quais informações um visitante precisa digitar em cada caixa.
• Botões distintos de chamada para ação: os botões principais, como os botões de pagamento, utilizam rótulos descritivos claros. Esses rótulos ajudam os visitantes a encontrar as principais etapas da página e a concluir suas transações.

Também tente: crie um site Commerce acessível

Configure os controles de imagens, vídeos e mídias acessíveis

Para ajudar os visitantes a interagirem com suas imagens e vídeos, use controles de mídia integrados e ferramentas descritivas:

• Campos de texto alternativo: adicione descrições claras a todas as suas imagens. O texto alternativo ajuda leitores de tela a descrever as imagens para clientes que não conseguem vê-las. Você pode executar a ferramenta de relatório de SEO para identificar as imagens no site que não têm texto alternativo.
• Legendas e transcrições de mídia: adicione legendas a vídeos e carregue transcrições de texto para arquivos de áudio.
• Controles de reprodução: selecione formatos seguros para reprodução de vídeos e animações em movimento. Inclua botões para pausar, pular ou parar loops de vídeo e animações de slideshow reproduzidos automaticamente.

Acesse um VPAT ou uma declaração de acessibilidade do Squarespace como comprovante de acessibilidade do seu site

Quando uma organização, empresa ou escola solicitar comprovação da acessibilidade do seu site, é possível utilizar nossos recursos para ajudar a explicar as principais características do seu layout:

• Declaração de acessibilidade do Squarespace: consulte nossos compromissos de acessibilidade em Acessibilidade no Squarespace.
• Relatório VPAT: forneça uma descrição clara de como a estrutura do seu site segue as diretrizes de acessibilidade com um Voluntary Product Accessibility Template (VPAT).

Quais regras de acessibilidade se aplicam ao meu site?

Você é responsável por garantir que seu site esteja em conformidade com todas as exigências legais aplicáveis ao seu negócio. Para saber mais sobre as diretrizes de acessibilidade, acesse a Iniciativa de Acessibilidade da Web.

Os requisitos de acessibilidade variam em todo o mundo:

• Estados Unidos: leia os padrões da Americans with Disabilities Act (ADA) para saber mais sobre os requisitos para o design de sites acessíveis.
• União Europeia: consulte a Lei Europeia de Acessibilidade (EAA) para saber como essas regulamentações exigem que lojas on-line e serviços digitais sejam acessíveis para pessoas com deficiência.

Como posso testar meu site para conformidade de acessibilidade?

Para encontrar descrições de imagens ausentes ou verificar como seu site funciona para diferentes visitantes, você pode analisar suas páginas ativas usando ferramentas de teste on-line gratuitas:

• Verifique seus atalhos de teclado e teste seu site usando as ferramentas do The A11y Project.
• Encontre problemas de contraste de cores ou estruturas de títulos quebradas usando a ferramenta de avaliação de acessibilidade web WAVE.

Para uma auditoria mais profunda do seu site, consulte um especialista em acessibilidade ou conformidade.