Projetando para Acessibilidade Digital

Este artigo foi originalmente publicado em Muse por Clio @ musebycl.io, Semana da Publicidade 360 @ advertisingweek360.come Little Black Book @ lbbonline.com

Estamos vivendo em um mundo digital. Mas nem todos querem ou podem consumir conteúdo ou acessar ativos digitais da mesma forma. A Lei dos Americanos Portadores de Deficiência (ADA) é muito diz claramente que as empresas precisam fazer todo o possível para garantir que os lugares públicos sejam acessíveis a todos. Em um ambiente de tijolo e cimento, a necessidade de acesso físico é bastante simples, mas com a tecnologia sempre mudando, garantindo digital o acesso pode ser um pouco mais complicado.

Um exemplo muito visível disto é um caso apresentado contra a Domino's Pizza porque seu site não era acessível ao leitor de tela. A Domino argumentou que, embora a conformidade de tijolo e cimento seja claramente delineada pela ADA, não há regras que se apliquem às plataformas digitais, e que as empresas precisam de orientação federal antes de serem obrigadas a cumprir.

Bem, os tribunais discordaram. Então, onde isso nos deixa?

Embora não haja orientação direta do Departamento de Justiça sobre como cumprir com a ADA, a Consórcio World Wide Web (W3C)-uma comunidade internacional onde as organizações membros, um pessoal a tempo inteiro e o público trabalham juntos para desenvolver e manter normas web- veio em socorro. W3C's Diretrizes de Acessibilidade de Conteúdo da Web (WCAG) 2.1 fornecem informações atualizadas e medidas que podemos tomar para garantir que as criações digitais e o conteúdo digital sejam acessíveis, consumíveis e conformes.

Veja aqui como começar a projetar para acessibilidade.

O primeiro passo: compreenda seus usuários

Como web designers, é nosso trabalho garantir que não haja barreiras ou complicações desnecessárias que impeçam a acessibilidade qualquer um. Portanto, o primeiro passo para ser capaz de projetar para acessibilidade é compreender seus usuários e os tipos de deficiências ou deficiências que você precisará considerar:

• Visual-cegueira, vários tipos comuns de visão subnormal e visão deficiente, e vários tipos de daltonismo
• Motor/Mobilidade-dificuldade ou incapacidade de usar as mãos, incluindo tremores, lentidão muscular, perda do controle muscular fino devido a condições como doença de Parkinson, distrofia muscular, paralisia cerebral ou derrame
• Auditory-surdez ou outras deficiências auditivas, incluindo indivíduos com dificuldades de audição
• Fotosensibilidade -convulsões epilépticas causadas por efeitos estroboscópicos visuais ou intermitentes
• Cognitivo e intelectual..deficiências de desenvolvimento, dificuldades de aprendizagem (dislexia, discalculia, entre outras) e deficiências cognitivas (transtorno de estresse pós-traumático, Alzheimer, entre outros) de várias origens, afetando a memória, a atenção, a "maturidade" do desenvolvimento e as habilidades de resolução de problemas e lógica, entre outras, devem ser consideradas
• Restrições socioeconômicas ou geográficas..limitações associadas à largura de banda, velocidade e hardware
• Situacional-embora não seja uma exigência da ADA, a dificuldade de acesso devido a uma situação (por exemplo: ruído externo, restrições sociais e tarefas que exigem o uso das mãos como dirigir) é algo a ser considerado do ponto de vista da marca

E depois projetar com os usuários em mente

Considere isto. De acordo com a Organização Mundial da Saúde, aproximadamente 30% da população mundial tem uma deficiência visual enquanto 6% sofrem de perda auditiva. No entanto, em 2019, quando WebAIM-uma organização em que muitos no setor se apóiam fortemente para informação e orientação sobre acessibilidade - avaliou um milhão de homepages, apenas 2% passaram nos padrões de acessibilidade WCAG. De longe, os maiores infratores foram os textos de baixo contraste, textos alt ausentes para imagens, links ou botões vazios, etiquetas de entrada de formulários ausentes e idiomas de documentos ausentes.

Usando os quatro princípios do WCAG de acessibilidade digital como guias - esse conteúdo deve ser perceptível, operável, compreensível e robusto - onde estão alguns fatores chave (mas não todos) de design que focalizamos para abordar alguns dos maiores obstáculos de acessibilidade:

• Relação de contraste: Todas as cópias devem ter uma relação de contraste de 4,6:1 ou superior. Enquanto uma relação de contraste de 17,40:1 nunca será padrão, se seu grupo principal de usuários for deficiente visual, você pode considerar o uso desta relação. No entanto, grande parte da web está em 3,5:1, e você verá até mesmo alguns rodapés com menores taxas de contraste.
• Imagem alt texto: Qualquer imagem que contenha um link ou que tenha informações críticas na própria imagem precisa de texto alternativo. A única exceção à imagem é qualquer coisa com a qual os usuários não precisem interagir ou que seja puramente decorativa. Quase todas as ferramentas de acessibilidade - por exemplo, leitores de tela - lêem o texto alt da imagem, portanto é um jogo de mudança para pessoas com deficiência visual.
• Conteúdo digital: Evite estroboscópios e vídeos intermitentes, pois podem causar convulsões ou animações que desaparecem rapidamente. E sempre considere as necessidades de acessibilidade com temporizadores de vídeo que podem atrapalhar qualquer pessoa que não consiga interagir com rapidez suficiente, ou mensagens de erro que podem não ser captadas pelos leitores de tela. E sempre inclua transcrições de vídeo.
• Meta camada HTML: Isto é algo a ser considerado no lado do desenvolvimento. Você pode configurar atributos-chave de HTML para a página de modo que os leitores de tela entendam como ler a página.
• Tamanho do texto: O tamanho do texto é uma consideração essencial para pessoas com deficiência visual, pois fontes menores são difíceis de ler para muitos usuários. Atualmente temos uma melhor prática com um de nossos parceiros clientes para 14 como o tamanho mínimo da fonte (exceto para rodapés). E a WCAG tem uma exigência de que os usuários devem ser capazes de aumentar o tamanho da fonte para 200% sem problemas.
• Interações complexas: Conceitos de design como carrosséis, tabelas com abas e conteúdo aninhado levam a desafios únicos para a tecnologia assistida - e cada um deles terá considerações únicas. Conforme se desenvolvem as melhores práticas sobre as mais novas formas de interação, o W3C e a WebAIM publicam artigos sobre o desenvolvimento das melhores práticas para as mais novas formas de interação.
• Navegação: A navegação por tabulações é essencial para a acessibilidade, é o que a maioria dos leitores de tela e tecnologias de acessibilidade utilizam.
• Erros: Os erros devem viver nos atributos ARIA. Isto nos permite dar a conhecer aos usuários informações-chave e erros que eles perderiam em outros assuntos, como compras que não passam corretamente ou dados de tabela que não são carregados.
• Idioma: Para que os leitores de tela e outras tecnologias de assistência possam ler corretamente o conteúdo traduzido, incluir meta-informações em linguagem HTML.

Criar experiências variadas para a mesma mensagem (por exemplo, uma experiência visual para aqueles com dislexia e uma experiência de áudio para pessoas com deficiência visual) para garantir a acessibilidade para todos. E leve um leitor de tela (ou dois) para um test drive em seu site com os olhos fechados para ver como suas páginas são fáceis ou difíceis de navegar e para criar uma linha de base para melhorias.

O caminho à frente

Não há nenhum conselho "certo" universal quando se trata de acessibilidade. O que é melhor para você dependerá de sua situação e de seu público-alvo. Mas uma coisa é certa: O design está ficando mais complexo e os designers precisarão de habilidades aprimoradas para combinar design atrativo com acessibilidade. Novas tecnologias excitantes no horizonte - como os fones de ouvido de realidade virtual que permitirão aos deficientes visuais ver cores pela primeira vez - e um impulso para a inclusão significam que temos uma oportunidade única de fazer uma diferença real na vida das pessoas. E a hora de fazer isso é agora.