Acessibilidade na Web significa dar a todos 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) sofrem de alguma forma de deficiência, com quase 57 milhões apenas nos EUA. (19% da população dos EUA de acordo com dados divulgados pelo Censo B dos EUA ureau em 25 de julho de 2012.)

Existem quatro tipos de deficiência livremente agrupados, que podem ser temporários 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ça mental (incluindo esquizofrenia e depressão). Muitos idosos têm problemas que acompanham o envelhecimento e também podem se beneficiar de acomodações acessíveis.

É vital não subestimar a importância da acessibilidade na web. Embora 20 anos atrás a internet fosse um lugar para geeks de tecnologia, agora é uma fonte primária de informação, entretenimento e comunicação. Ele é usado para tudo, desde fazer compras até compartilhar momentos com amigos, ler notícias, assistir programas de TV, se candidatar 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. Grande parte da internet ainda não é tratada como um espaço público e não garante o acesso a todos, independentemente de sua capacidade.

Mitos sobre 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 deixam de reconhecer as 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 uma boa UX para todos Comercial. A maioria das discussões sobre por que a acessibilidade não é realmente necessário girar em torno de um ou mais dos seguintes pontos:

1. “É feio.”

Embora seja verdade que a acessibilidade total requer designers para seguir 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 na interface do usuário. Com a tecnologia de hoje, é completamente possível criar um ambiente moderno, interativo e envolvente e site acessível; portanto, a acessibilidade da 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 benefícios”.

É verdade que incorporar acessibilidade nem sempre é uma coisa 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 os 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. Mecanismos 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 olhar para seus dados, parece que as pessoas com deficiência nem mesmo visitam o site. (Oh, que ironia! Como eles poderiam se não fosse acessível a eles?) Eles também estão convencidos de que o mercado é muito pequeno para importar de qualquer maneira.

Pessoas com deficiências graves podem ser uma pequena parte de seu público, mas e os usuários seniores? E quanto aos usuários que têm deficiências consideradas “menores”, como aqueles com deficiência auditiva ou daltônicos? E o que dizer do usuário médio que sofre de uma enxaqueca debilitante e é incapaz de suportar cores brilhantes ou páginas que rolam infinitamente escritas em tipo 11px? Muitos usuários que não seriam considerados 'tradicionalmente' desativados 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 discriminar pessoas com deficiência na prestação de um serviço ou produto. Então, em teoria, se um usuário com deficiência não pode acessar o conteúdo porque um site não está acessível, ele poderia legitimamente processar por discriminação digital. E esses ações judiciais estão acontecendo com maior frequência a cada ano, muitas vezes custando às empresas milhões de dólares para liquidar.

Razões para se preocupar com a acessibilidade da web

1. Conformidade legal

Nos EUA, os requisitos de acessibilidade estão listados no Ato dos Americanos com Deficiências, promulgado em 1990. Naquela época, ele dizia respeito principalmente a lojas físicas, então os tribunais ficaram divididos sobre se sites e aplicativos deveriam ser cobertos ou não. Em 2017, mais de 800 ações judiciais foram movidas em tribunais federais apenas nos EUA, portanto, a ameaça de litígio é real.

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

2. Melhor reputação

As empresas que abraçam as 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 para o 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 texto alternativo automático por meio da tecnologia de reconhecimento de objetos. Esse recurso agora permite que eles aproveitem ao máximo as 2 bilhões de fotos compartilhadas todos os dias no Facebook. A ideia veio principalmente de Matt King, um engenheiro de software cego que trabalhava com a equipe de acessibilidade. O Facebook tem demonstrado compromisso em 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 devido a barreiras, sendo a má acessibilidade da web um dos principais motivos. Como são frequentemente ignorados pela maioria das marcas, os usuários com deficiência estão dispostos a gastar mais de seu 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 usuários com deficiência, você os informa que seus direitos são importantes e que seus negócios são valorizados.

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

Existem muitas deficiências permanentes e temporárias diferentes, com usuários enfrentando desafios diferentes 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á várias outras deficiências que também são afetadas: idosos, daltônicos ou com deficiência auditiva e muitos usuários autistas.

Para usuários com deficiência auditiva, uma etapa 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 essenciais para os surdos, mas também são úteis para os ouvintes.

Um estudo sobre acessibilidade do Ofcom descobriu que 80% das pessoas que usam legendas não são surdas nem têm deficiência auditiva. É um exemplo típico de um recurso acessível que beneficia a todos.

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

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

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

Estruture sua página corretamente usando títulos diferentes (apenas um

, 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 corretamente para onde o link irá: Usar apenas “clique aqui” é ineficaz para um usuário de leitor de tela, pois não fornece informações relevantes.

2. Deficiências motoras

Alguns usuários podem ficar permanentemente ou temporariamente impossibilitados de usar um mouse ou trackpad. Portanto, eles só podem usar seu 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 o desligue.

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 acontecem quando os usuários ficam mais velhos, se beneficiarão muito com um conteúdo claro e uma IU consistente. Portanto, tente construir uma interface lógica (cores semelhantes para ações semelhantes, uma combinação de fontes, animações simples, dicas visuais quando solicitado para participar, etc.) e organize seu conteúdo usando cabeçalhos para identificar rapidamente suas diferentes partes.

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

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 através do processo W3C, o WCAG (atualmente WCAG 2.0 ) fornece um único padrão compartilhado para acessibilidade de conteúdo da web.

Destinadas principalmente a desenvolvedores, designers e especialistas em acessibilidade, todos os documentos WCAG explicam como tornar um site mais acessível e são organizados em quatro princípios: perceptível, operável, compreensível e robusto. Este conjunto de recomendações permite que você alcance 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 uma variedade de deficiências.

2. Verifique online 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 que usuários com várias deficiências sejam incluídos no processo de teste do usuário se a acessibilidade for considerada uma prioridade.

3. Teste de usuário

Incluindo pessoas com deficiência no Processo de teste 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 confiável Designer UX quem irá 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 cada vez maior à medida que a vida cotidiana acontece on-line e a população mundial cresce e envelhece. Em 2050, o envelhecimento da população mundial deverá dobrar. Essa mudança na demografia significa que muitas deficiências que andam de mãos dadas com a idade irão aumentar.

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

Com isso em mente, quanto mais cedo uma empresa adotar a acessibilidade como um valor-chave 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 em que todos ganham.

• • •

Leituras adicionais no Blog de design do ApeeScape:

• eCommerce UX - Uma Visão Geral das Melhores Práticas (com Infográfico)
• A importância do design centrado no ser humano no design de produtos
• 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 Mágicas do Usuário

Compreender o básico

O que é acessibilidade do usuário?

A acessibilidade do usuário é a prática de remover barreiras de sites que podem dificultar a funcionalidade para usuários com deficiências sensoriais, físicas e cognitivas. Isso inclui coisas como adicionar legendas aos vídeos e garantir que haja contraste suficiente entre os elementos para usuários com deficiência visual.

Por que é importante tornar um site acessível?

A web foi criada para funcionar para todas as pessoas, independentemente de suas deficiências ou deficiências. Quando os sites não estão acessíveis, eles cortam o acesso a um número significativo de visitantes. A acessibilidade da Web também pode ser um problema legal para empresas que não cumprem as Diretrizes de Acessibilidade de Conteúdo da Web (WCAG).

Qual é a definição de design acessível?

O design acessível é a prática de remover barreiras de sites que podem prejudicar a funcionalidade para usuários com deficiências sensoriais, físicas e cognitivas, incluindo iniciativas como garantir contraste visual adequado para usuários com deficiência visual e adicionar legendas ocultas aos vídeos.