Acessibilidade web: tudo o que você precisa saber
Entenda a importância da acessibilidade web para qualquer pessoa, tenha ela uma deficiência ou não.
Por A2C

Acelere. Colabore. Transforme
Compartilhe:

Se você está se perguntando porque deveria saber sobre acessibilidade web nós temos mais de 45 milhões de motivos. Esse é o número de brasileiros que possuem algum tipo de deficiência que dificulta o acesso à informação, interação e navegação na internet. Eles representam cerca de 24% da população brasileira segundo o Censo do IBGE de 2010. Por isso, fornecer acessibilidade web significa que pessoas, independente das suas limitações, consiga acessar seu site.

A tecnologia não apenas facilita a vida das pessoas com necessidades especiais como torna a vida possível para elas. No entanto, por mais que a acessibilidade e a inclusão sejam assuntos que permeiam todas as esferas da vida e do trabalho, muitos sites e ferramentas ainda não estão adaptados ou ainda são desenvolvidos com barreiras de acessibilidade que os tornam difíceis ou até mesmo impossíveis de serem usados por pessoas com necessidades especiais. A acessibilidade web é permitir que as pessoas com todo e qualquer tipo de deficiências não enfrentem esses obstáculos ao acessar a web.

Conheça mais sobre o tema neste artigo onde levantamos tudo o que você precisa saber sobre acessibilidade digital:

O que é acessibilidade web significa?

Acessibilidade web envolve uma série de recursos que possibilitam a navegação, a compreensão e a interação de todas as pessoa na internet, independentemente de suas dificuldades. Isso significa que sites, ferramentas e tecnologias são projetados, desenvolvidos e codificados adequadamente para que pessoas com deficiências permanentes ou com incapacidades momentâneas, como um braço quebrado por exemplo, possam usá-los. Dessa forma as pessoas, independentemente de suas limitações, podem perceber, entender, navegar, interagir e contribuir para a web.

Porque se preocupar em tornar um site acessível?

É essencial que a web seja acessível para promover igualdade de oportunidades a pessoas com habilidades e condições diversas. As empresas que não cumprem as diretrizes de acessibilidade web correm o risco de ações legais movidas por indivíduos ou associações que protegem os direitos humanos.

O acesso às tecnologias de informação e comunicação foi definido como um direito humano básico na Convenção das Nações Unidas sobre os Direitos das Pessoas com Deficiência (UN CRPD). Já no Brasil temos, a Lei Brasileira de Inclusão (Lei nº 13.146, de 6 de julho de 2015) .

Quem guia o nível de “acessibilidade web”?

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) foram criadas em 2018 pelo W3C e por especialistas do Google, Microsoft, IBM e empresas especializadas. Elas abrangem um vasto conjunto de recomendações que têm como objetivo tornar o conteúdo Web mais acessível. O cumprimento destas diretrizes fará com que o conteúdo se torne acessível a todos, beneficiando outras pessoas, incluindo pessoas com alguma limitação temporária.

Checklist de elementos essenciais para acessibilidade

 

checklist acessibilidade web

Navegação

É o requisito número 1 quando o assunto é acessibilidade web. Tendo os usuários alguma deficiência ou não, se um site não foi projetado adequadamente para permitir uma navegação simples, algumas das informações serão de difícil acesso.

Alguns elementos de navegação:

Ordem de tabulação

Para pessoas com deficiências é extremamente importante que os sites possam ser navegados usando apenas um teclado. Isso permite que todos os usuários que dependem da navegação pelo teclado percorram uma página de maneira intuitiva, mesmo que não possam ver a tela.

Marcos

Assim como marcos físicos ajudam as pessoas a se localizarem no espaço real, os pontos de referência incluídos no código do site fornecem indicadores de navegação. Eles permitem, por exemplo, que os leitores de tela identifiquem e se comuniquem com o menu de navegação da página para que os usuários possam acessar rapidamente sem precisar ouvir todo o texto de uma página.

Estrutura do site

Websites adequadamente estruturados usam níveis de texto que foram logicamente nomeados para mostrar as relações entre diferentes áreas de conteúdo. Usuários da web sem deficiência visual podem entender a estrutura do site e o conteúdo de uma página de maneira natural e rápida, pesquisando títulos. Para pessoas que não podem confiar em dicas dependentes da visão, as páginas devem ser estruturadas para fornecer informações semelhantes aos leitores de tela.

Isso pode ser feito garantindo que cada página seja estruturada para incluir:

Títulos exclusivos

Todas as páginas devem receber um título único e lógico, de modo que duas páginas não compartilhem o mesmo título. O título da página deve aparecer no navegador acima da barra de endereços da web.

Cabeçalhos

Seções com conteúdo devem ser formatadas usando designações de estilo de título, como “Título 1”, “Título 2” e assim por diante, em vez de depender de variações no texto visual, como alterações de fonte ou tamanho de fonte.

Listas

Qualquer lista com marcadores ou numerada deve ser identificada como tal, em vez de usar recuos ou símbolos para indicá-la. Além de ajudar os usuários a identificar informações como pertencentes a uma lista específica, seguir esta prática ajuda a comunicar o número de itens na lista.

Texto

As deficiências visuais incluem uma ampla gama de problemas como miopia, daltonismo ou, no estágio mais avançado, cegueira total. O desenvolvimento de sites que permitem flexibilidade na exibição do texto fornece aos usuários uma variedade de opções simples que podem melhorar significativamente a facilidade de ler o texto de um site.

Opções de texto devem incluir:

Tamanho

Os usuários devem poder aumentar ou diminuir facilmente o tamanho do texto. O texto também deve ser exibido com eficiência em vários tipos de dispositivos, incluindo desktop, celular e tablet.

Contraste

Um contraste de cores adequado entre texto e fundo reduz os desafios criados pelo daltonismo ou outras condições de deficiência visual. O WCAG 2.0 tem diretrizes claras sobre níveis de contraste para uma variedade de tamanhos de texto.

Cor

As cores não devem ser usadas para transmitir significado. Mas se houver essa necessidade, opções alternativas também devem ser fornecidas para comunicar o significado. Isso se aplica a recursos como texto realçado.

Imagens

Usar imagens para transmitir significado ou navegar em páginas da Web impede que as pessoas acessem informações adequadamente.

Alguns dos principais problemas relacionados a imagens incluem:

Imagens em vez de texto

Infelizmente, os leitores de tela tratam uma imagem mostrando o texto como se fosse uma foto ou um logotipo. Isso, por sua vez, impede que os usuários naveguem ou compreendam adequadamente os principais elementos da página.

Falta de texto para imagens

Adicionar descrições de texto a imagens permite que usuários com deficiências visuais entendam o que está sendo exibido. Isso pode ser importante para gráficos como fluxogramas, esquemas, mapas, gráficos ou botões de menu.

Hiperlinks

Hiperlinks são uma das principais características dos sites, permitindo que as pessoas naveguem facilmente para outras páginas para buscar detalhes adicionais de informações relacionadas. No entanto, para as pessoas que dependem de dispositivos assistivos, como leitores de tela, os sites não devem nomear links usando termos como “leia mais”. Isso não fornece contexto para esses usuários.

Outro problema a ser evitado é que, muitas vezes, os endereços de hiperlink são compostos por longas cadeias de letras, números e símbolos. Ouvir links como esses em voz alta gera confusão. Os hiperlinks devem usar termos e idiomas comuns em vez de apenas indicar o endereço da Web.

Multimídia

Nesta área, as tecnologias de software e aprendizado de máquina estão melhorando rapidamente para fornecer serviços eficientes e automáticos, como legendas automáticas. Para pessoas da comunidade surda ou para pessoas com dificuldades auditivas, legendas e transcrições podem fornecer texto sincronizado ao exibir um vídeo ou um arquivo de texto transcrito que pode ser lido separadamente. Versões em texto de quaisquer arquivos de áudio devem ser disponibilizadas.

Formulários

É importante que os formulários sejam projetados adequadamente.

Navegação

O usuário deve ser capaz de acessar logicamente cada um dos campos no documento.

Instrução e rotulagem

As instruções relacionadas aos campos de formulário geralmente são bloqueadas para evitar a edição de conteúdo não relacionado a campos. Infelizmente, isso torna as instruções relacionadas a esses campos de formulário ilegíveis para um leitor de tela. Todos os campos de formulário, caixas de seleção ou menus suspensos devem ser claramente identificados e passíveis de serem lidos pelos leitores de tela.

Time-out

Muitos formulários online incorporam um recurso de tempo limite para fins de segurança. Infelizmente, isso pode deixar os usuários navegando pelo teclado ou aqueles que usam leitores de tela com tempo insuficiente para concluir o formulário – mesmo que o concluam em uma sessão contínua. As páginas de formulário devem ser projetadas para permitir que o usuário estenda o tempo para preencher um formulário quando necessário.

Pontos que tornam um site acessível de acordo com tipos de deficiência

O desafio é projetar um site e um software que atendam às necessidades, preferências e situações dos diferentes usuários. A acessibilidade web também pode beneficiar pessoas com alguma dificuldade temporária, como um braço quebrado ou conexões lentas de Internet, por exemplo.

Para que o site seja verdadeiramente acessível ele precisa atender uma série de limitações e dificuldades dos usuários. Confira algumas:

Deficiências visuais

Baixa visão

Com um site acessível, não há dificuldades para identificar e clicar em hiperlinks, barras e botões, ou para aumentar o tamanho das letras.

Daltonismo

Em sites propriamente desenvolvidos, pessoas com problemas no reconhecimento de cores não se confundem nem perdem informações, porque todas as informações apresentadas por meio de cores são transmitidas, também, de outras formas.

Cegueira

Da mesma forma, em sites desenvolvidos para serem acessíveis, ao utilizar programas leitores de tela no computador cegos podem navegar sem dificuldades. Eles podem preencher formulários, acionar botões por meio de comandos do teclado e acessar as informações que estão em imagens, por meio de textos alternativos.

Deficiências auditivas e surdez completa

Os sites acessíveis permitem que surdos possam acessar informações que estão originalmente em áudio e em vídeo com transcrições, legendas e traduções em Libras (Língua Brasileira de Sinais).

Deficiências motoras e mobilidade reduzida

Pessoas com estes tipos de dificuldade, principalmente com mobilidade reduzida nos membros superiores, podem usar apenas o teclado, com ou sem adaptadores, para acessar os conteúdos e conseguem navegar com facilidade por todos os menus e seus subitens, serviços, formulários e informações disponíveis.

Deficiências intelectuais

Em sites acessíveis portadores de Síndromes de Down, X Frágil, Angelman e Prader-Willi, com alterações no desenvolvimento das funções cognitivas (raciocínio, memória, atenção, juízo), da linguagem, das habilidades motoras e da socialização, podem ajustar a velocidade das animações e têm acesso a conteúdos em texto, áudio e vídeo para facilitar a compreensão em um ritmo próprio.

Baixa experiência computacional

A acessibilidade web permite que pessoas com pouca experiência no uso de tecnologia aprendem, com facilidade, a acessar serviços fundamentais para seu dia a dia e encontrem as informações de que necessitam.

Idade avançada

Com o avanço da idade, muitas das dificuldades citadas acima, de baixa visão, mobilidade reduzida e até a pouca experiência do usuário no uso do computador, em alguns casos, limitam o acesso às informações pela web. Mas com site acessíveis, os idosos conseguem encontrar todas as informações de que necessitam devido ao bom contraste, assim como pelo tamanho dos textos, navegabilidade e baixa complexidade das interações.

Como testar se um site é acessível?

Existem algumas ferramentas que ajudam a entender melhor as diretrizes sugeridas pelo WAG, facilitando assim a verificação e a aplicação de cada um dos itens de acessibilidade digital.
Saiba mais sobre essas ferramentes e como testar o grau de acessibilidade neste artigo.

Leitores de tela simulam como é navegar pelo site por deficientes visuais

Os leitores de telas ou outros recursos de tecnologias assistivas, são programas que interagem com o Sistema Operacional do computador, capturam as informações em formato de texto e as traduzem em uma resposta falada por meio de um sintetizador de voz. Confira os principais leitores de tela disponíveis, hoje, no mercado.

Leitores de tela:

  1. JAWS
  2.  Virtual Vision
  3. DOSVOX
  4. NVDA
  5. VoiceOver

Benefícios de um site acessível

São muitas as razões porque, definitivamente, é do interesse de uma empresa tomar medidas para evitar ou corrigir problemas de acessibilidade web e que, por sua vez, reverberam por toda a sociedade. A acessibilidade web é uma excelente oportunidade para melhorar a visibilidade da marca, ampliar negócios e até reduzir custos com TI.

Como você viu, há uma ampla gama de fatores a serem considerados para tornar um site acessível por qualquer pessoa, passando pelas mas diversas competências como: UX, direção de arte, conteúdo e SEO.

A A2C tem o que é necessário para ajudar sua empresa ter um site acessível a todos. Confira nosso Guia Prático de Acessibilidade Web.

 

Compartilhe:

RECEBA
NOVIDADES
DA A2C

E-mail cadastrado! Aguarde nossas novidades.