Tudo o que você precisa saber sobre acessibilidade do site

Todo usuário que visita seu site deve ter o direito a uma experiência de usuário compreensível, independentemente de suas habilidades ou da falta dela. Esta não é apenas a nossa opinião, mas em alguns países é a lei. Mas esse não é o único motivo para garantir que seu site atenda aos padrões de acessibilidade. De acordo com um relatório sobre deficiência, 1 bilhão de pessoas vivem com deficiência, o que equivale a 15% da população mundial . Pessoas com deficiências físicas, visuais, cognitivas, neurológicas, motoras e auditivas estarão usando seu site. Embora pareça desanimador usar os números como motivo, essa é uma quantidade significativa de visitantes em potencial. Tornar seu site utilizável para todos vale o esforço.

A lacuna entre os sites acessíveis e os que não são geralmente acontece no orçamento. Tornar seu site inclusivo simplesmente exige mais esforço durante o desenvolvimento e mais esforço significa mais dinheiro. Mas, quando feito estrategicamente e com um CMS como o Drupal, não precisa ser um esforço significativo. O núcleo Drupal oferece suporte ao design e desenvolvimento de sites que atendem aos padrões WCAG 2.0 e ATAG 2.0. Na verdade, existe toda uma comunidade (a comunidade Drupal Accessibility) dedicada a melhorar e manter-se atualizado com os padrões de acessibilidade. Você poderia até dizer que a acessibilidade é um ponto forte do Drupal.

Isso é ótimo se você estiver prestes a reconstruir seu site, mas e se estiver trabalhando com o existente? Vamos nos aprofundar na acessibilidade da web e como saber se seu site é acessível ou não.

O que é Acessibilidade na Web?

A acessibilidade web é um aspecto muito importante no desenvolvimento web. Em termos leigos, acessibilidade na web é garantir que seu site possa ser acessado por todos, independentemente de suas deficiências. Embora muitas vezes seja assumido, a acessibilidade não é apenas sobre pessoas com deficiência. Como pessoa física, existem circunstâncias em que você pode se encontrar – situacionais ou temporárias – que podem afetar a forma como você acessa o site.

Por que a acessibilidade na Web é importante

Outro equívoco é que a acessibilidade na web é usada principalmente para criar uma imagem de marca positiva. Mas há benefícios muito mais tangíveis em ter um site acessível do que muitos pensam.

• Aumente o alcance do seu público
• Evite questões legais ( lembre-se do processo contra Beyonce em 2019, quando o site dela não estava em conformidade com a ADA (Americans with Disabilities Act))
• Melhorar a experiência do usuário para acessibilidade também significa que você está melhorando sua pontuação geral de UX
• Melhore a classificação do seu site nos motores de busca

Dito isso, o recente crescimento e popularidade das marcas com propósitos indicam que ser inclusivo pode ser um diferencial importante da marca.

Conformidade e os Níveis

O World Wide Web Consortium (W3C) desenvolveu e divulgou um conjunto de diretrizes - as WCAG (Web Content Accessibility Guidelines) que regem os padrões de acessibilidade na web. Os critérios de sucesso desses padrões (WCAG 2.0, WCAG 2.1 e WCAG 2.2) têm três níveis de conformidade:

• Nível A
• Nível AA
• Nível AAA

Nível A - Este é o nível mínimo de acessibilidade que cobre os requisitos mais básicos dos recursos de acessibilidade.

Nível AA - Este nível requer tudo no Nível A mais alguns requisitos adicionais. Quando um site está em conformidade com esse nível, é um grande problema porque muitas das maiores barreiras de acessibilidade são eliminadas.

Nível AAA - O nível AAA requer tudo nos níveis A e AA, além de alguns requisitos adicionais. Este nível é difícil de ser alcançado pela maioria dos sites e é o mais alto nível de acessibilidade sob os padrões WCAG.

Como saber se seu site está acessível?

As WCAG estabeleceram 4 princípios e 13 Diretrizes para Acessibilidade na Web. O não cumprimento de qualquer um desses quatro princípios tornará seu site inacessível para usuários com deficiências. Esses princípios são conhecidos como princípios POUR

1. Perceptível
2. Operável
3. Compreensível
4. Robusto

Perceptível - Todas as diretrizes agrupadas em perceptível giram em torno de garantir que as pessoas possam encontrar seu conteúdo.

Operável - Você precisa garantir que seu site seja operável. As pessoas devem ser capazes de usar seu site.

Compreensível - As pessoas devem ser capazes de entender seu site.

Robusto - Seu site deve ser compatível com todos os navegadores, sistemas operacionais e dispositivos.

Diretrizes de acessibilidade

Agora, cada princípio tem seu próprio conjunto de diretrizes sobre as quais discutiremos aqui:

Diretrizes Perceptíveis

1.1) Alternativas de Texto - A primeira diretriz perceptível, perceptível 1.1 , exige que todo conteúdo não textual tenha uma alternativa de texto. Isso significa que as imagens precisam ter um texto alternativo significativo. O texto alternativo deve descrever o que está acontecendo na imagem.

1.2) Mídia Baseada em Tempo - Perceptível 1.2 requer que existam opções alternativas para mídia baseada em tempo. Adicione legendas ocultas em vídeo para pessoas com deficiência auditiva. As legendas fechadas podem ajudar a contextualizá-las.

1.3) Adaptável - Perceptível 1.3 exige que o conteúdo possa ser apresentado de diferentes maneiras sem perder o contexto.

1.4) Distinguível - A última diretriz para perceptível, é Perceptível 1.4 , e requer que o conteúdo possa ser separado visualmente de seu fundo. Isso significa que deve haver contraste suficiente entre o texto e a cor de fundo. O texto precisa ter uma taxa de contraste mínima de 4,5.

Diretrizes operáveis

2.1) Acessível por teclado - A primeira diretriz operacional 2.1 exige que todas as partes do site possam ser acessadas usando apenas o teclado .

2.2) Tempo Suficiente - Operável 2.2 requer que as pessoas tenham tempo suficiente para usar o conteúdo do seu site. Você tem que dar tempo ao usuário para terminar a tarefa sem se sentir apressado. Você também precisa considerar que pessoas diferentes têm habilidades diferentes, e algumas podem ser um pouco mais lentas em fazer as coisas.

2.3) Apreensões e Reações Físicas - Operável 2.3 exige que o conteúdo não seja projetado de forma a causar apreensões. Animações e vídeos não devem piscar mais de 3 vezes por segundo.

2.4) Navegável - Operável 2.4 exige que as pessoas possam navegar no site e entender onde estão no site. Todos os links, entradas e botões na página devem ter um estado focado para indicar onde uma pessoa está na tela para quando os usuários estiverem navegando usando guias.

2.5) Modalidades de Entrada - A última diretriz para Operable, é Operable 2.5 e requer que todas as partes do site possam ser acessadas usando outros dispositivos de entrada além de um teclado. Basicamente, você quer ter certeza de que seu site funciona com um mouse, dispositivos de tela sensível ao toque e fala em texto.

Diretrizes compreensíveis

3.1) Legível - Compreensível 3.1 exige que o conteúdo seja legível e fácil de entender. Use uma linguagem simples e tente evitar jargões.

3.2) Previsível - Compreensível 3.2 requer que as páginas da web sejam previsíveis em como elas aparecem e operam. O conteúdo será diferente em cada página, mas a estrutura principal da página deve permanecer a mesma. A navegação, a ordem dos links e a busca devem estar sempre no mesmo lugar da página.

3.3) Assistência de entrada - Compreensível 3.3 requer que seja fácil para as pessoas corrigirem e evitarem erros.

Diretrizes robustas

4.1) Compatível - Existe apenas uma diretriz em robust , que é 4.1 . Isso exige que o site seja compatível com todos os navegadores, sistemas operacionais e dispositivos. Isso é possível escrevendo HTML válido e semântico. Se por algum motivo o site ainda precisar de ajuda de acessibilidade, adicione alguns atributos ARIA.

Como testar a acessibilidade?

Por fim, você deseja incorporar o teste de acessibilidade no processo de gerenciamento do seu site. Por exemplo, você pode percorrer as páginas para testar a acessibilidade do teclado. Felizmente, existem muitas ferramentas disponíveis na internet para automatizar seus testes:

• Aceno
• Farol

Sites de referência

Consulte os sites W3C abaixo para obter os padrões e diretrizes.

• https://www.w3.org/
• https://www.w3.org/WAI/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/WAI/WCAG21/quickref/