Um guia para acessibilidade de sites

Acessibilidade na Web refere-se a sites, ferramentas e tecnologias projetadas para serem inclusivas para todas as pessoas, independentemente de deficiência ou restrições situacionais. Os padrões de acessibilidade tornam as ferramentas e informações digitais disponíveis para mais pessoas.

Criar um site acessível significa que você está fazendo sua parte na construção de uma internet mais acessível. Sites acessíveis oferecem a mais pessoas uma maneira de fazer compras, participar de comunidades, pagar contas, marcar consultas e participar da sociedade — sem se sentirem excluídas.

Por que remover as barreiras de acessibilidade é importante

Uma barreira ao acesso é qualquer coisa que impeça uma pessoa com deficiência de concluir uma tarefa com a mesma facilidade que uma pessoa sem deficiência. O objetivo da acessibilidade é minimizar essas barreiras o máximo possível. 

As soluções de acessibilidade na Web criam uma melhor experiência na Web para todos, não apenas para pessoas com deficiência. A acessibilidade digital para velocidades de carregamento de páginas ou legibilidade de texto, por exemplo, torna os sites mais acessíveis para:

• Pessoas com visão subnormal

• Pessoas em áreas rurais com largura de banda de internet mais lenta

• Pessoas com daltonismo

Um acesso on-line mais igualitário também cria uma melhor experiência do usuário. Isso ampliará o alcance de sua marca e enviará uma mensagem forte sobre seus valores.

Tipos de deficiência 

Existem vários tipos de deficiências a serem consideradas no design do seu site. A Web Accessibility Initiative (WAI) categoriza diferentes tipos de deficiência como visual, auditiva, cognitiva e de controle motor. 

• Visual: inclui cegueira (nenhuma visão), baixa visão (pode precisar de ajuda para enxergar) e daltonismo (não consegue ver as cores como as pessoas sem daltonismo)

• Auditiva: inclui pessoas que não ouvem/têm pouca audição e/ou se comunicam por meio da linguagem de sinais, bem como pessoas com deficiência auditiva que podem se comunicar oralmente, mas podem usar tecnologia assistiva, como aparelhos auditivos

• Cognitiva: o tipo mais comum de deficiência. Alguns exemplos incluem barreiras à memória, resolução de problemas, atenção, leitura, compreensão matemática e compreensão visual

• Motora: uma categoria ampla que inclui pessoas que podem não conseguir usar um mouse ou teclado, usuários que navegam com software ativado por voz e pessoas que ficam cansadas ao interagir com um site

Algumas mudanças em seu web design podem oferecer às pessoas com deficiência oportunidades iguais de aproveitar ou aprender com seu site. Essas alterações podem ser tão simples quanto garantir que seu texto seja legível no plano de fundo da página ou adicionar legendas ao conteúdo multimídia.

Por que é importante ter um site acessível

Além do benefício para os internautas como um todo, tornar seu site acessível também traz benefícios para você. Por exemplo, os mecanismos de pesquisa consideram os problemas de acessibilidade no SEO, pois afetam a usabilidade de uma página da web. 

Um site mais inclusivo atingirá naturalmente um público mais amplo. Isso significa mais clientes ou seguidores para você. 

Há também um aspecto regulatório. As empresas e organizações podem precisar atender a determinados requisitos de acessibilidade com base nas leis locais. Não fazer isso pode resultar em multas ou torná-lo vulnerável a ações legais.

Como construir um site acessível

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.

Somos todos suscetíveis a preconceitos e estereótipos com base em nossas próprias experiências. Ao projetar seu site, lembre-se de que seus visitantes virão de todas as classes sociais. Aplique esses cinco princípios como ponto de partida para se proteger contra problemas de acessibilidade.

1. Escolha suas cores cuidadosamente. Esteja ciente da diferença de brilho entre o fundo e os itens que você coloca em primeiro plano, conhecida como contraste de cor. Certifique-se de que haja diferença suficiente de cor e brilho para que seu texto seja legível em relação às cores ou imagens de fundo. Se você estiver usando cores para dar ênfase, lembre-se de transmitir essa ênfase em seu texto também.

2. Adicione texto alternativo às suas imagens. Texto alternativo é descrição explicativa de uma imagem para os visitantes do site. O texto é capturado por um leitor de tela, mas também pode ser lido quando a imagem falha ao carregar (devido à largura de banda mais lenta, por exemplo).  

3. Legende todos os vídeos. Adicione legendas para ajudar aqueles que não conseguem ouvir o vídeo por qualquer motivo ou que simplesmente preferem ler as legendas. Oferecer uma transcrição para qualquer conteúdo de vídeo ou áudio permite que mais pessoas tenham acesso às informações (além disso, é ótimo para SEO). 

4. Organize seu texto de forma clara. Conteúdo bem organizado com títulos e cabeçalhos claros é mais fácil para a tecnologia assistiva captar e ler de uma forma que faça sentido. É fundamental usar títulos de forma adequada e em ordem. Por exemplo, cabeçalhos H3 devem seguir cabeçalhos H2 .

5. Considere trabalhar com um profissional. Trabalhe com um especialista em acessibilidade ou um web designer com experiência em acessibilidade. A expertise dele é especialmente valiosa se você precisar atender aos regulamentos locais. 

A acessibilidade na Web é uma prática contínua, mas fazer o seu melhor ajudará muito a criar uma Internet mais acessível. As soluções que ajudam pessoas com deficiências permanentes geralmente beneficiam outras pessoas com deficiências temporárias e pessoas sem deficiências.

Saiba mais sobre como tornar seu site mais acessível

Onde encontrar recursos de acessibilidade na web

Para obter diretrizes detalhadas de acessibilidade na Web, consulte as Diretrizes de acessibilidade de conteúdo da Web (WCAG). WCAG 2.0, criado e mantido pelo World Wide Web Consortium (W3C), define os padrões de acessibilidade na web. Lá você encontrará informações detalhadas sobre como tornar seu conteúdo da Web mais acessível.

Confira outros recursos:

• Histórias de usuários da web retiradas do W3C: confira relatos em primeira mão sobre como diferentes pessoas navegam na web - com curadoria do World Wide Web Consortium (W3C).

• Princípios de design inclusivo: quer criar um design voltado para a acessibilidade? Confira dicas e orientações de líderes no espaço de design da web e de apps.

• Recursos governamentais: proprietários de marcas e empresas sediadas nos EUA podem seguir as orientações do governo sobre padrões de acessibilidade na web. O governo estabelece certos requisitos legais com base no Americans with Disabilities Act (ADA). 

Na Squarespace, acreditamos na construção de produtos inclusivos. Estamos constantemente trabalhando para melhorar a acessibilidade das coisas que criamos. E queremos oferecer aos criadores funcionalidades para tornar seus sites mais acessíveis também. Confira nossos guias de ajuda ou saiba mais sobre acessibilidade no Squarespace.

Pronto para construir seu site?

Esta publicação foi atualizada em 22 de setembro de 2023.