UX e a importância da acessibilidade na Web

Acessibilidade na Web significa dar a todos o acesso às mesmas informações, independentemente das deficiências que os usuários possam ter.

De acordo com o Banco Mundial, 1 bilhão de pessoas (15% da população mundial) experimentam algum tipo de deficiência, com quase 57 milhões somente nos EUA. (19% da população dos EUA de acordo com números divulgados pelo US Census Bureau em 25 de julho de 2012.)

Existem quatro tipos vagamente agrupados de deficiências, que podem ser temporárias ou permanentes: física (como paralisia ou problemas de controle motor fino), sensorial (como autismo, surdez ou cegueira), intelectual (como síndrome de Down ou atrasos no desenvolvimento ) e doenças mentais (incluindo esquizofrenia e depressão). Muitos idosos têm problemas que acompanham o envelhecimento e também podem se beneficiar de acomodações de acessibilidade.

É vital não subestimar a importância da acessibilidade na web. Enquanto há 20 anos a internet era um lugar para geeks de tecnologia, agora é uma fonte primária de informação, entretenimento e comunicação. É usado para tudo, desde fazer compras até compartilhar momentos com amigos, ler notícias, assistir programas de TV, candidatar-se a empregos, reservar férias e muito mais. No entanto, para pessoas com deficiência, existem barreiras que tornam muitas dessas coisas inacessíveis, já que muitos sites não consideram suas necessidades. Boa parte da internet ainda não é tratada como um espaço público e não garante o acesso a todos independente da capacidade.

Mitos sobre a acessibilidade na Web

Quando não é simplesmente ignorado por completo, a acessibilidade é um dos aspectos mais negligenciados do web design. Ele sofre com ideias imprecisas espalhadas nos últimos 20 anos por agências digitais sem escrúpulos e suas equipes de design e desenvolvimento. Os detratores não reconhecem inovações tecnológicas, mudanças legais e grandes evoluções demográficas porque veem a acessibilidade como uma parte restritiva e opcional da criação de um site com boa UX para todos os usuários. A maioria das discussões sobre por que a acessibilidade não é realmente necessária gira em torno de um ou mais dos seguintes pontos:

1. “É feio.”

Embora seja verdade que a acessibilidade total exige que os designers sigam várias diretrizes rígidas que podem afetar a aparência geral de um site ou aplicativo, algumas melhorias - como fornecer descrições de texto alternativas para imagens - não terão um efeito perceptível no usuário interface. Com a tecnologia de hoje, é completamente possível criar um site moderno, interativo, envolvente e acessível; portanto, a acessibilidade na web não deve mais ser vista como um fardo. Além disso, também existem muitos sites feios e inacessíveis!

2. “Demora muito, custa muito e não traz nenhum benefício.”

É verdade que incorporar a acessibilidade nem sempre é fácil e provavelmente aumentará o tempo gasto nas fases de concepção e desenvolvimento de um site ou aplicativo. No entanto, reduzirá o tempo gasto em melhorias do site e reparos técnicos: código mais limpo, menos bugs.

Pensar em acessibilidade desde o início de um projeto digital também ajudará a reduzir custos posteriores, incluindo manutenção e suporte ao cliente. Do ponto de vista de SEO, um site acessível também ajudará a obter melhores classificações. Motores de busca como o Google funcionam como uma pessoa cega usando um leitor de tela. Ao digitalizar suas páginas, os robôs entendem apenas texto, por isso é importante planejar sua arquitetura de conteúdo e títulos e fornecer texto alternativo para imagens.

3. “Ninguém se importa.”

Esse argumento tende a ser o principal para empresas e agências de design que não querem investir tempo ou dinheiro para tornar um site acessível. Ao analisar seus dados, parece que as pessoas com deficiência nem visitam seu site. (Ah, que ironia! Como eles poderiam se não é acessível a eles?) Eles também estão convencidos de que o mercado é muito pequeno para importar de qualquer maneira.

Pessoas com grandes deficiências podem ser uma pequena parte de seu público, mas e os usuários seniores? E os usuários que têm deficiências consideradas “menores”, como deficientes auditivos ou daltônicos? E quanto ao usuário médio que sofre de uma enxaqueca debilitante e incapaz de suportar cores brilhantes ou páginas de rolagem infinita escritas no tipo 11px? Muitos usuários que não seriam considerados “tradicionalmente” deficientes podem sofrer com um site inacessível.

Por outro lado, assim como na vida real, tornar a tecnologia acessível beneficia a todos. Considere legendas para TV em um bar barulhento ou rampas para cadeiras de rodas para carrinhos de bebê.

4. “É opcional.”

Bem, na verdade, não é. Em muitos países, existem leis que tornam ilegal a discriminação de pessoas com deficiência ao fornecer um serviço ou produto. Então, em teoria, se um usuário com deficiência não puder acessar o conteúdo porque um site não é acessível, ele pode processar legitimamente por discriminação digital. E esses processos estão acontecendo com maior frequência a cada ano, muitas vezes custando às empresas milhões de dólares para resolver.

Razões para se preocupar com a acessibilidade na Web

1. Conformidade legal

Nos EUA, os requisitos de acessibilidade estão listados no Americans with Disabilities Act, promulgado em 1990. Naquela época, tratava-se principalmente de lojas físicas, de modo que os tribunais estavam divididos sobre se sites e aplicativos deveriam ou não ser cobertos. Em 2017, mais de 800 ações judiciais foram movidas em tribunais federais apenas nos EUA, então a ameaça de litígio é real.

Embora o Facebook tenha sido elogiado por seu Empathy Lab e políticas de acessibilidade, outras empresas não tiveram tanta sorte. A Netflix foi processada várias vezes por diferentes associações de cegos e surdos. No final, eles tiveram que fornecer acesso igual ao seu conteúdo a todos os usuários, incluindo a adição de legendas a todos os seus programas.

2. Melhor reputação

As empresas que acolhem pessoas com deficiência só se beneficiam disso. Os esforços para tornar um site ou aplicativo totalmente acessível têm um impacto positivo na reputação e criam uma imagem de responsabilidade social e cuidado para todos os usuários.

No processo de adicionar recursos de acessibilidade, os gigantes do Vale do Silício não hesitam em trazer inovação ao jogo, investindo milhões em tecnologia e novos recursos inovadores. Por exemplo, o Facebook agora está usando inteligência artificial para fornecer a seus usuários cegos textos alternativos automáticos por meio da tecnologia de reconhecimento de objetos. Esse recurso agora permite que eles aproveitem totalmente os 2 bilhões de fotos compartilhadas todos os dias no Facebook. A ideia veio principalmente de Matt King, um engenheiro de software cego que trabalha com a equipe de acessibilidade. O Facebook demonstrou o compromisso de ser uma empresa amigável para pessoas com deficiência, tanto online quanto no mundo físico.

3. Aquisição de novos clientes

Mais de 80% das pessoas com deficiência decidiram não confiar em um provedor de serviços por causa de barreiras, sendo a falta de acessibilidade na web um dos principais motivos. Como muitas vezes são ignorados pela maioria das marcas, os usuários com deficiência estão dispostos a gastar mais dinheiro com empresas que lhes proporcionam uma experiência de usuário bem pensada. O poder de compra desse mercado específico é enorme.

As melhorias de acessibilidade não afastarão seus clientes atuais, mas atrairão novos clientes e melhorarão suas conversões. Ao reconhecer os usuários com deficiências, você os informa que seus direitos são importantes e que seus negócios são valorizados.

Tipos de deficiências e como melhorar a acessibilidade para diferentes deficiências

Existem muitas deficiências permanentes e temporárias diferentes, com usuários enfrentando diferentes desafios e buscando soluções diferentes. Para oferecer o mesmo conteúdo a todos, você precisa atender a todas as necessidades.

1. Deficiências sensoriais

Problemas de visão e audição são as deficiências sensoriais mais comuns, mas há uma série de outras deficiências que também são afetadas: idosos, daltônicos ou deficientes auditivos e muitos usuários autistas.

Para usuários com deficiência auditiva, um passo para tornar seu site ou aplicativo acessível seria implementar transcrições de texto e legendas de vídeo. Eles não são apenas uma obrigação para os surdos, mas também são úteis para os ouvintes.

Um estudo sobre acessibilidade da Ofcom descobriu que 80% das pessoas que usam legendas não são surdas nem deficientes auditivos. É um exemplo típico de um recurso acessível que beneficia a todos.

Em relação às deficiências visuais, a maioria das orientações também auxilia todo tipo de usuário. Se você é daltônico ou sofre de enxaqueca, agradecerá a um designer por usar cores contrastantes (texto e plano de fundo). Todos se beneficiarão de tamanhos de fonte maiores e relativos (em, não pixels) e a opção de ajustar o tamanho, um recurso particularmente apreciado por usuários seniores.

Quanto aos usuários cegos, embora eles não vejam um site, eles o ouvirão, graças a leitores de tela como JAWS e Window-Eyes para Windows e VoiceOver para Mac. Esses programas lêem o conteúdo em voz alta... e lêem TUDO.

Para facilitar a navegação pelas suas páginas, certifique-se de usar as opções “Pular para o conteúdo principal” para evitar que todo o menu de navegação seja lido várias vezes seguidas.

Estruture corretamente sua página usando diferentes títulos (apenas um <h1>, então não pule níveis), inclua descrições de texto para cada imagem, evite tabelas complexas e escolha cuidadosamente seus hiperlinks de texto. Eles devem descrever adequadamente para onde o link irá: Usar apenas “clique aqui” é ineficaz para um usuário de leitor de tela, pois não fornece nenhuma informação relevante.

2. Deficiências motoras

Alguns usuários podem ficar permanentemente ou temporariamente impossibilitados de usar um mouse ou trackpad. Portanto, eles só podem usar o teclado para navegar em um site, pressionando as teclas “tab” ou “seta”.

Garantir que um site possa ser totalmente experimentado usando apenas um teclado é um dos recursos mais fáceis e baratos de implementar em acessibilidade na web: requer pouco trabalho e pode ser verificado simplesmente desconectando ou desligando o mouse. Os navegadores selecionarão automaticamente os itens clicáveis ​​em uma página da Web pressionando a tecla TAB, o que ajuda muito a acessibilidade, portanto, certifique-se de que a equipe de desenvolvimento não a desative.

3. Deficiências cognitivas

Usuários com dificuldades de aprendizagem, síndrome de Down, TDAH, dislexia e outras deficiências cognitivas, incluindo aquelas que às vezes ocorrem à medida que os usuários envelhecem, se beneficiarão muito com conteúdo claro e uma interface de usuário consistente. Portanto, tente construir uma interface lógica (cores semelhantes para ações semelhantes, combinação de fontes, animações simples, dicas visuais quando solicitado a participar etc.) e organize seu conteúdo usando títulos para identificar rapidamente suas diferentes partes.

Definir regras e padrões e seguir princípios de design definidos ajudará os usuários a se movimentar mais rapidamente e evitar surpresas na experiência de navegação, tornando-a mais suave e compreensível em geral. Simplificar e padronizar a interface do usuário de um site ou aplicativo tende a levar a uma melhor experiência de usuário para todos os usuários.

Dicas para teste de acessibilidade na Web

1. Siga as diretrizes

Existem diretrizes internacionais para a criação de sites acessíveis prontamente disponíveis: as Diretrizes de Acessibilidade de Conteúdo da Web (WCAG). Desenvolvido por meio do processo W3C, o WCAG (atualmente WCAG 2.0) fornece um único padrão compartilhado para acessibilidade de conteúdo da web.

Principalmente destinados a desenvolvedores, designers e especialistas em acessibilidade, todos os documentos WCAG explicam como tornar um site mais acessível e são organizados sob quatro princípios: perceptível, operável, compreensível e robusto. Este conjunto de recomendações permite atingir um nível de conformidade (A-mínimo, AA-satisfatório ou AAA-excelente).

A implementação de todos os padrões WCAG levará tempo, mas começar com o básico pode ter um grande impacto em tornar seu site mais amigável para usuários com diversas deficiências.

2. Verifique on-line ou com uma tecnologia assistiva

Existem ferramentas disponíveis online para verificar se um site atende às diretrizes de acessibilidade, como o validador oficial do W3c. Esteja ciente de que as ferramentas online podem não encontrar todos os problemas de acessibilidade, pois verificam principalmente os aspectos técnicos de um site. O uso de tecnologia assistiva, como um leitor de tela para testar um site, é uma etapa importante para garantir que um site seja realmente acessível. No entanto, embora esses sejam lugares acessíveis para começar, eles nunca substituirão o feedback real do usuário. É importante incluir usuários com várias deficiências no processo de teste do usuário se a acessibilidade for sinceramente considerada uma prioridade.

3. Teste do usuário

Incluir pessoas com deficiência no processo de teste de UX para qualquer novo site ou aplicativo antes do lançamento é fundamental. Eles darão o feedback mais relevante sobre se a experiência do usuário é realmente agradável ou não. Trabalhe lado a lado com um designer de UX confiável que preparará cenários de teste dependendo de diferentes deficiências.

Obter conformidade de acessibilidade não é mais uma opção

A acessibilidade é uma questão importante que se torna maior à medida que a vida cotidiana acontece online e à medida que a população mundial cresce e envelhece. Em 2050, espera-se que o envelhecimento da população mundial duplique. Essa mudança na demografia significa que muitas deficiências que acompanham a idade aumentarão.

Não é uma tarefa simples, mas as empresas que continuam ignorando a acessibilidade precisam entender que já estão perdendo clientes e que acabarão perdendo ainda mais nos próximos anos, reduzindo consideravelmente suas receitas como consequência. Em um mundo que progrediu no reconhecimento de outras minorias, negar que os direitos de acessibilidade são direitos humanos também prejudicará sua imagem pública e reputação.

Com isso em mente, quanto mais cedo uma empresa adotar a acessibilidade como um valor fundamental na criação de um site ou aplicativo, mais cedo ela será reconhecida como uma empresa que não negligencia os usuários com deficiência. Eles obterão mais tráfego e, por sua vez, provavelmente mais conversões. Reconhecer a importância da acessibilidade na web é uma situação vantajosa para todos.

• • •

Leia mais no Blog Toptal Design:

• eCommerce UX – Uma visão geral das melhores práticas (com infográfico)
• A Importância do Design Centrado no Homem no Design de Produto
• Os melhores portfólios de UX Designer – Estudos de caso e exemplos inspiradores
• Princípios heurísticos para interfaces móveis
• Design Antecipatório: Como criar experiências de usuário mágicas