Práticas recomendadas sobre como criar um site totalmente acessível

Publicados: 2022-06-04

É um dado que todos nós queremos ter o maior número possível de visitantes em nosso site. Hoje em dia, o design e o desenvolvimento de sites passaram de uma estética altamente criativa para recursos funcionais com velocidades de página mais rápidas. No entanto, há um divisor de águas recente, que é muito caro para ser ignorado: criar sites com acessibilidade em mente.

O recente relatório da Organização Mundial da Saúde (OMS) sobre deficiência mostra que aproximadamente 15% das pessoas sofrem de algum tipo de deficiência. Com a geração de envelhecimento de hoje e com a rápida disseminação de doenças crônicas (incluindo doenças autoimunes), a necessidade de remover barreiras na web não é mais inevitável.

Enquanto o pensamento inicial que vem à mente quando se fala em acessibilidade é atender aos deficientes, a acessibilidade de páginas da web é para o benefício de todos. O conceito de acessibilidade na web foi iniciado com a intenção de eliminar possíveis barreiras online que impedem qualquer pessoa (especialmente pessoas com deficiência) de acessar ou interagir na web. Além disso, com a crescente conscientização global em acomodar pessoas com deficiência, vários regulamentos estão sendo aprovados que beneficiam esses usuários. E é por isso que você precisa começar a considerar a auditoria de conformidade da ADA e a acessibilidade na web.

Por que a acessibilidade está se tornando cada vez mais importante

A acessibilidade é cada vez mais importante, pois proporciona igualdade de oportunidades e acesso a todos, especialmente às pessoas que sofrem algum tipo de deficiência. Dá-lhes acesso desimpedido e incentiva um ambiente de respeito mútuo e oportunidades iguais para todos.

A web, por exemplo, tornou-se um recurso importante que precisa ser acessível a todos. Uma web acessível pode ajudar particularmente as pessoas com deficiência – pode até melhorar tremendamente suas vidas diárias. A acessibilidade online pode ajudar as pessoas que sofrem de todas as formas de deficiência (seja permanente, temporária, situacional ou condicional) a aproveitar o acesso conveniente a informações, fazer compras online ou solicitar um serviço.

Infelizmente, nesta era altamente digital, ainda existem muitas barreiras online que impedem muitos usuários de navegar ou usar a web com facilidade. Insira o WAI (Web Accessibility Initiative) do W3C (World Wide Web Consortium)—o grupo que iniciou o conceito de acessibilidade na web. As WCAG (Web Content Accessibility Guidelines) fazem parte de uma série de diretrizes de acessibilidade na web que fornecem regras ou padrões para pessoas que desenvolvem websites. Muitos países adotaram esses padrões promulgando regulamentos, políticas ou práticas recomendadas de acessibilidade online.

Definindo a acessibilidade da Web

Mas antes de nos aprofundarmos na criação de um site totalmente acessível, vamos primeiro ter um resumo do que é acessibilidade na web.

Simplificando, a acessibilidade na web é a prática inclusiva de garantir que não haja barreiras que impeçam a interação com o site na web por pessoas com deficiências físicas, deficiências situacionais e restrições socioeconômicas de largura de banda e velocidade. Além disso, um site acessível também deve funcionar bem com todos os dispositivos assistivos.

Um site acessível, em geral, tem um design universal. Seu design requer o mínimo esforço do usuário. Também deve ser fácil de usar e fornecer uma melhor experiência online para todos.

Aplicação de Acessibilidade Web

A implementação da acessibilidade na web, ao contrário da crença popular, não é necessariamente difícil nem cara. O padrão de site de design universal já é um design acessível. Ele reconhece que os usuários têm um conjunto diversificado de necessidades. Portanto, durante o design inicial do seu site, considere seus valores fundamentais.

Simplesmente combinar e seguir os princípios de usabilidade e padrões de acessibilidade na web resultará em um site acessível. Você pode começar implementando as seguintes regras:

- Use uma grande área clicável para controles de toque

Evite usar alvos clicáveis ​​pequenos, pois isso provou ser problemático para pessoas com movimentos motores limitados, pessoas com problemas visuais e até pessoas com dedos grandes. Em vez disso, use alvos de clique grandes e ative também texto redimensionável que não quebre seu site. Recomenda-se o uso de 40x40 pt. área clicável para controles de toque.

- Priorize a clareza do texto

Priorize a clareza do texto para evitar que pessoas com problemas visuais tenham dificuldade em perceber o texto ou blocos de texto do seu conteúdo da web.

- Evite depender exclusivamente da cor

Existem aproximadamente 300 milhões de daltônicos, então confiar exclusivamente nas cores não é uma boa ideia. Ao projetar botões, cartões e outros recursos/elementos da Web, uma boa prática é adicionar rótulos também em vez de usar exclusivamente cores. Além disso, escolha sua paleta de cores e contraste de cores com cuidado, pois além da deficiência visual, alguns usuários têm problemas de concentração e sensibilidade psicológica relacionada à cor.

- Texto de link descritivo

Ajude os usuários a determinar um link do outro descrevendo todos os links no texto. Isso facilita a clareza e a usabilidade, especialmente para aqueles que usam dispositivos assistivos. Além disso, sublinhe todos os links clicáveis ​​e evite usar o encurtamento de links.

- Ordenar conteúdo em HTML para leitores de tela

Essencialmente, o conteúdo deve ser estruturado em uma ordem lógica para que os usuários de leitores de tela possam entendê-lo melhor. Ao solicitar seu conteúdo, faça-o em HTML e desative CSS e JavaScript. Isso permitirá que você avalie melhor se seu conteúdo é acessível.

- Suporte à navegação do teclado

Assegure-se de que seu site não exija o uso de um mouse ativando a navegação completa pelo teclado em seu web design. Você deve permitir navegação por ordem de tabulação, navegação com movimento de tecla de seta e manter âncoras de texto para todos os seus links clicáveis.

- Não se esqueça de seguir a lista de verificação de acessibilidade

Embora as práticas acima ajudem você a ter um site acessível, elas não são totalmente abrangentes. Mais barreiras de acessibilidade precisam ser abordadas e a melhor maneira de fazer isso é seguir recursos extensivos, como as WCAG. A lista de verificação de acessibilidade descreve os detalhes sobre como tornar seu site acessível. Estes são padrões completos e reconhecidos internacionalmente também.

Guia de Acessibilidade e Declaração de Acessibilidade

Uma declaração de acessibilidade serve como sua declaração pública de que você pretende cumprir os princípios de acessibilidade na web. Ele mostra sua intenção de incorporar recursos de acessibilidade para tornar seu site utilizável e navegável para todos. Ao publicar um Guia e Declaração de Acessibilidade, torne-o conciso e substantivo.

Teste de usabilidade e acessibilidade

O teste de usabilidade refere-se à avaliação da utilidade do seu site. Geralmente é baseado em vários critérios, como capacidade de aprendizado, eficiência, memorização e satisfação do usuário.

O teste de acessibilidade é um subconjunto do teste de usabilidade e geralmente envolve ferramentas ou pessoas reais (com algum tipo de deficiência) para testar a acessibilidade do seu site.

Pensamentos finais

A acessibilidade na Web facilita uma oportunidade igual para todos no acesso à Web sem medo de encontrar dificuldades. De fato, para criar efetivamente um site totalmente acessível, você deve tentar se colocar no lugar de seus usuários. Isso permitirá que você visualize seu site da perspectiva de seus usuários, permitindo que você veja suas necessidades.