12 dicas para um site mais acessível
Tornar seu site acessível a todos não é apenas um dever moral, é uma obrigação legal. Muitas organizações, incluindo o Comitê Olímpico Internacional, foram processadas por não tornar seus sites acessíveis o suficiente. Com 50 milhões de americanos sofrendo de alguma deficiência ou outra, melhorar a acessibilidade do seu site também faz sentido comercial.
Não são apenas aqueles rotulados como 'deficientes' que também podem ganhar. Pesquisas sugerem que 57% dos usuários adultos de computadores se beneficiarão de algum tipo de acessibilidade aprimorada. Atualmente, apenas 19% dos sites atendem aos requisitos básicos de acessibilidade, para que você possa realmente se destacar da concorrência fazendo algumas alterações no site.
Neste artigo, exploramos 12 maneiras pelas quais você pode tornar seu site mais acessível. Alguns métodos são muito baratos e rápidos de implementar, outros requerem um pouco mais de tempo e investimento financeiro, mas você deve pensar neles como oportunidades de negócios. Com a internet tão central em todas as nossas vidas nos dias de hoje, é injusto que algumas pessoas sejam deixadas para trás.
1. WAI-ARIA
Ao melhorar a acessibilidade do seu site, sua primeira porta de escala deve ser um conjunto de documentos, publicado pelo Worldwide Web Consortium, chamado WAI-ARIA. Esses documentos basicamente estabelecem as maneiras pelas quais os desenvolvedores devem adicionar metadados ao HTML para melhorar a acessibilidade.
2. Aprimoramento progressivo
Aprimoramento progressivo significa projetar um site em camadas, para que todos possam acessar as funções mais básicas e usuários com melhor largura de banda e navegadores avançados possam ver uma versão aprimorada. Os sites criados com uma estratégia de aprimoramento progressivo podem ser lidos com muito mais facilidade pelo software de leitura de tela, usado por pessoas com diversas deficiências.
3. Conteúdo Alternativo
É absolutamente vital que você forneça um equivalente em texto para o conteúdo não textual em seu site. Imagens e vídeos precisam de etiquetas, para que as pessoas que usam o software de leitura de tela possam descobrir exatamente o que está em uma página. Os links também precisam de tags de título relevantes.
4. Legendas
Assim como tags, imagens, clipes de áudio e vídeo precisam de legendas, para que os deficientes visuais saibam exatamente o que estão vendo. Se você estiver carregando vídeos ou podcasts, forneça um parágrafo de texto resumindo seu conteúdo ou, melhor ainda, forneça uma transcrição completa. Não se esqueça, as legendas também ajudam com o SEO.
5. Software de Leitura de Tela
A maioria das pessoas cegas e com visão parcial usa software de leitura de tela ao navegar em sites. Uma das melhores maneiras de garantir que seu site seja acessível é tentar usar o mesmo software. Desligue o monitor e execute o software para descobrir exatamente o que o seu site está dizendo para esses valiosos leitores e possíveis clientes. Se o software começar a soltar jargões, você sabe que precisa fazer algumas alterações!
6. Auditoria
Nenhuma quantidade de teste de acessibilidade que você faz pode ser comparada a ter um especialista real olhando seu especialista sobre seu site. Existem várias empresas e indivíduos que realizarão uma auditoria de acessibilidade para você, informando exatamente quais alterações você precisa fazer.
7. Teste de Usabilidade
O teste de usabilidade é outra maneira valiosa de identificar possíveis problemas de acessibilidade em seu site. Convide um grupo de pessoas com uma variedade de necessidades diferentes a experimentar seu site de verdade, navegando e realizando tarefas. Eles poderão informar detalhadamente todos os problemas que encontrarem, muitos dos quais, você descobrirá, não serão incluídos nas diretrizes da WAI-ARIA.
8. Folhas de estilo
Ao criar ou reprojetar seu site, verifique se as folhas de estilo permitem tamanhos de fonte variáveis e nunca usam fontes fixas. Você ficaria surpreso com a quantidade de usuários, de idosos a com visão um pouco fraca, redimensionando suas fontes regularmente.
9. Controles de fonte
Os usuários do Firefox e do Internet Explorer podem aumentar as fontes, mas muitas pessoas não estão cientes disso e outras ainda estão usando navegadores mais antigos que não têm esse recurso. Para eles, considere incorporar controles de redimensionamento de fonte em seu site.
10. Consistência
A consistência no design de uma página para outra é realmente importante para pessoas que não conseguem ver uma página inteira de relance e para quem usa leitores de tela. Se você for consistente no site, com as mesmas coisas no mesmo lugar em cada página, eles poderão navegar com muito mais facilidade. Usuários com visão muitas vezes também consideram a consistência benéfica.
11. Texto para navegação
Evite usar imagens para navegação no seu site, a todo custo. Use o texto. Os leitores de tela podem entender e é muito mais fácil redimensionar. Se seus controles de navegação não puderem ser ampliados, verifique se estão escritos em uma fonte clara, com pelo menos 16 pontos de tamanho.
12. cores
Usar cores diferentes em sites é ótimo, mas é preciso considerar como elas funcionam juntas para criar uma imagem clara. As cores do primeiro plano e do segundo plano devem ter um contraste suficiente e você pode esquecer o uso de texto cinza claro. É difícil o suficiente para as pessoas com visão 20 a 20 lerem. Os links devem ter uma cor diferente do restante do texto em seu site, de preferência azul e sempre sublinhado.
Conclusão
A acessibilidade é um aspecto muitas vezes esquecido do design da web, mas é algo que deve estar no centro do seu processo de design desde o início, quando você está criando um layout de estrutura de tópicos. Sem parecer muito egoísta, garantir que seu site atenda ao padrão de acessibilidade significa uma coisa: mais clientes satisfeitos. E você sabe o que isso significa!
Use os comentários abaixo para nos informar se você concorda com as dicas acima e como você tornou seu site mais acessível.
