Baixe nosso manual gratuito para criar o seu site com confiança.
O e-mail informado é inválido.
Obrigado por se cadastrar.
Ao informar seu e-mail, você indica que leu e entendeu nossa Política de Privacidade e concorda em receber marketing do Squarespace.
Um site acessível garante que todo visitante tenha acesso às informações que você decide passar a ele. A acessibilidade é uma das várias considerações importantes para qualquer pessoa que cria um site - não só as grandes organizações. Práticas que melhoram a acessibilidade também ajudam na otimização para motores de busca (SEO), de modo que o site tenha uma classificação mais alta nos resultados de busca e alcance um público maior.
As melhores práticas de acessibilidade estão em constante evolução. As leis, regulamentos e normas de acessibilidade variam de acordo com a localização. Um site que segue a Americans with Disabilities Act (ADA), por exemplo, pode não atender aos padrões de acessibilidade de outro país.
Porém, você não precisa ser especialista nem saber codificar para melhorar a acessibilidade do seu site. Confira cinco medidas simples para deixar o design e o conteúdo do seu site agradável para todos.
Atençã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.
1. Escolha cuidadosamente as cores
A cor é importante na identidade visual de qualquer marca. Porém, para se comunicar claramente com todos os visitantes do site, é melhor usar mais do que as cores.
Antes de finalizar a escolha das cores do seu site, considere:
Vou usar cores para passar informações? O uso da cor para enfatizar uma palavra nem sempre funciona os visitantes com deficiência na visão. Além disso, as tecnologias assistivas não sabem transmitir sua intenção com base apenas na cor. Ao usar cores para passar uma mensagem (como vermelho para "dar um alarme"), veja se sua intenção também transparece no texto e nas imagens com texto alternativo que as tecnologias assistivas saibam captar.
Há contraste suficiente entre o texto e o fundo? Cores semelhantes (como vermelho e laranja) são difíceis de distinguir e podem impossibilitar a quem tenha deficiência na visão ver seu conteúdo. Para deixar tudo mais acessível, escolha cores contrastantes para o design do site, como o preto sobre fundo creme.
2. Adicione texto alternativo às imagens
Texto alternativo é a descrição de uma imagem que pode ser captada por tecnologias assistivas. O texto alternativo é útil não só para quem tem deficiência visual como para:
Pessoas com deficiência cognitiva e que entendem melhor a linguagem falada do que a visual
Pessoas que usam assistente de voz (quando não estão olhando para a página da web)
Usuários que podem não ver a imagem devido a um problema na conexão à internet
Usuários que preferem não baixar a imagem devido a tempo ou custo
Ao adicionar texto alternativo às imagens, você garante a todos os visitantes as informações mais importantes do seu site.
Para saber quando adicionar texto alternativo e como escrever uma descrição útil, considere:
A imagem é decorativa, ou passa alguma informação? Imagens decorativas não precisam do texto alternativo, pois é improvável que elas expliquem melhor as informações da página.
O que é necessário saber sobre a imagem? Nem todos os aspectos da imagem são necessárias para demonstrar a finalidade dela. A cor do fundo em um retrato, por exemplo, é irrelevante, mas o nome da pessoa na foto talvez seja.
Considere também:
Compor um texto alternativo com até 250 caracteres. Se a imagem exigir uma descrição mais longa e detalhada, inclua uma legenda com a íntegra da descrição.
Não incluir na descrição as expressões "imagem de" ou "retrato de". Como as tecnologias assistivas identificarão as imagens para os usuários, você não precisa fazer o mesmo.
3. Legende os vídeos e limite a reprodução automática
Assim como o texto alternativo dá um contexto importante às imagens estáticas e GIFs, as legendas e transcrições fazem o mesmo com o conteúdo de vídeo e áudio. Você pode usar uma plataforma externa de vídeos para adicionar legendas a um vídeo e depois carregar esse vídeo no seu site Squarespace em um bloco de vídeo ou uma coleção de vídeos.
As transcrições dão aos visitantes todas as informações sobre o vídeo, mesmo que não eles não possam ver ou ouvir o vídeo. Para adicionar uma transcrição ao seu site, você pode usar um arquivo para download (como um bloco de texto na página) ou criar uma página separada com um link abaixo do reprodutor de vídeos.
Uma página com excesso de imagens em movimento (com zoom, piscando ou mudando rapidamente) pode atrapalhar as pessoas sensíveis ao movimento ou a luzes piscando. Para proteger esses usuários:
Inclua, sempre que possível, uma opção para pausar o vídeo.
Evite adicionar vídeos ao fundo da página.
Evite GIFs e vídeos que piscam três ou mais vezes em um segundo.
4. Crie um conteúdo claro
Um conteúdo organizado no site facilita a navegação das pessoas que utilizam tecnologia assistiva. Na maioria dos sites, isso exige páginas com layout simples e padronizado, além de um nome claro e distinto para cada página do site.
Se algum texto tiver hyperlink, inclua no link as etiquetas apropriadas. Como a tecnologia assistiva geralmente indica quando o texto tem link, não é necessário incluir a palavra "link" no conteúdo. Ao levar um usuário para a página de contato, por exemplo, é melhor escrever "Use nossa Página de contato" do que "Para nos contatar, clique no link aqui".
A estrutura do conteúdo é importante em toas as páginas do site, incluindo o blog. Para que as páginas tenham uma estrutura fácil de seguir, use cabeçalhos (como C1, C2, C3) em vez de usar texto em negrito ou itálico para separar as diferentes seções da página. Use apenas um C1 por página, já que o C1 indica o título; e deixe os títulos em ordem, em vez de pular do C2 para C4, por exemplo.
5. Trabalhe com um designer que entenda de acessibilidade
Se você decidir trabalhar com um web designer, pergunte sobre a familiaridade dele com os padrões de acessibilidade do site. Um designer com experiência no assunto pode economizar seu tempo e potencialmente melhorar a acessibilidade de um modo que você não faria sozinho.
Em caso de dúvida, você também pode procurar ajuda de um profissional em acessibilidade. Empresas de consultoria podem testar a acessibilidade do seu site, oferecer treinamento ou sugerir mudanças no site.
Deixar o site mais acessível não exige experiência em codificação nem ferramentas externas. Você pode seguir os passos acima com as ferramentas já incluídas no Squarespace. Saiba que você é responsável por garantir que o site siga as leis, incluindo os requisitos de acessibilidade local. Essas atualizações contribuirão muito para deixar seu site mais inclusivo e informativo a toda pessoa que o visitar.