Design Acessível – 5 Segredos Essenciais Para Designers Gráficos

A inclusão está se tornando uma tendência de design que você não pode mais ignorar. É importante criar designs que capturem com precisão sua marca e mensagem. Mas o que é ainda mais importante é criar designs que seus clientes vejam e processem da maneira certa. E isso inclui projetar para pessoas com vários tipos de deficiência. Há uma grande parte da população que vive com algum tipo de deficiência. São 61 milhões de adultos apenas nos EUA. Portanto, design acessível é algo que você não pode ignorar. O Dia Internacional das Pessoas com Deficiência é em 3 de dezembro. Então, agora é um bom momento para falar sobre design acessível.

Você viu o número 73 na imagem acima? Nem todo mundo pode! E pessoas que têm dificuldade em distinguir cores também fazem parte do seu público-alvo. É por isso que é importante começar a priorizar o design acessível. Não sabe por onde começar? Nós pegamos você! Daremos algumas dicas viáveis ​​sobre ajustes simples e considerações de design que podem fazer toda a diferença.

Design acessível – de uma perspectiva de design gráfico

Quando falamos de publicidade representativa e inclusão no marketing, muitas vezes nos limitamos ao conceito de incluir diversas representações culturais. Fazendo com que pessoas de diferentes grupos demográficos se sintam incluídas. Reconhecendo e abraçando diferentes etnias. Mas a inclusão vai além disso. Avaliar e ajustar a experiência para usuários com deficiências é outro componente crítico do marketing inclusivo.

O design acessível é um domínio bastante vasto. Isso inclui projetar para acessibilidade em todos os pontos de contato do cliente. De um design de interface do usuário acessível a recursos de aplicativos que simplificam o uso para todos os tipos de usuários, há várias medidas que uma marca pode adotar. Mas neste blog vamos falar sobre acessibilidade em design gráfico em particular. Isso inclui a criação de gráficos promocionais fáceis de consumir para pessoas com deficiência.

A maioria das marcas considera deficiências físicas como cegueira e deficiência auditiva. Mas as deficiências cognitivas também exigem uma parcela justa de sua atenção. Afasia, autismo, dislexia, TDAH – existem várias dessas deficiências cognitivas que tornam difícil para as pessoas processarem as informações que você apresenta a elas. Seu anúncio, um design que você considera brilhante na tela, pode ser visto de maneira muito diferente por eles.

Por exemplo, e se o contraste entre o texto e o fundo não for suficiente e o usuário perder informações críticas? Ou se o gráfico de pizza em seu infográfico tiver cores diferentes para parâmetros diferentes, mas um usuário daltônico não conseguir distingui-los? O propósito do design é perdido. É por isso que considerar os recursos de acessibilidade é importante em seus projetos de marketing e branding.

E a melhor parte é que o design acessível em marketing não é tão difícil assim. Alguns pequenos ajustes e seu design está pronto para o público em geral e para pessoas com deficiência. Vejamos algumas ideias para conseguir isso.

1. Preste atenção à sua tipografia

Vários aspectos da tipografia afetam a legibilidade e legibilidade da cópia. Embora nem sempre você possa se limitar a escolher o tipo de letra correto e estilizar suas fontes, considerar alguns aspectos pode tornar o design muito mais conveniente para pessoas com deficiências visuais e neurológicas.

Pense duas vezes antes de usar uma fonte minúscula

Fontes pequenas sobrecarregam muito os olhos. E isso faz com que seus usuários trabalhem mais para entender a mensagem. As possibilidades são, eles não vão! Além disso, fontes com menos de 12px podem ser difíceis de ler, especialmente em um telefone celular. Considerando que 58,99% do tráfego global da web vem de dispositivos móveis, evitar fontes minúsculas é definitivamente uma boa decisão para um design acessível.

Assim, grandes fontes em negrito para o texto do herói não atuam apenas como chamarizes de atenção ou rolhas de rolagem, mas também garantem facilidade de leitura para vários usuários. Variar os tamanhos de fonte para diferentes seções também torna mais fácil para todos os tipos de usuários entender a hierarquia. Porque as fontes maiores costumam ser as primeiras que a maioria das pessoas percebe e as menores talvez sejam as últimas.

O tipo de letra que você escolhe é importante

Existem muitas fontes com serifa bonitas e legíveis por aí. Não há dúvida sobre isso. Mas se você está projetando tendo em mente as pessoas com deficiência visual, as fontes sem serifa têm uma clara vantagem. Suas letras limpas e descomplicadas as tornam mais convenientes de ler. E isso se aplica a designs impressos e digitais.

Nas fontes sem serifa, você deve ficar longe de fontes com traços muito finos. Fontes decorativas são os outros tipos que não funcionam quando você está projetando para pessoas com deficiência visual. Não há problema em usar fontes decorativas com moderação. Mas a seção que transmite a mensagem principal, o CTA e as áreas com muito texto devem ter uma alternativa mais legível.

Cuidado com o espaçamento entre letras

O kerning ou o espaçamento entre os caracteres na cópia garante que seus leitores leiam as informações corretamente. E que o leiam sem nenhuma dificuldade. Letras muito próximas umas das outras podem tornar o texto geral inconveniente de ler. Para pessoas com deficiência visual e dificuldades cognitivas na leitura, muito pouco espaço entre as letras representa um problema ainda maior. De que serve uma boa cópia se não tiver o efeito pretendido em seu público? Ou pior, e se eles abandonarem sua marca devido a uma experiência ruim?

Letras bem espaçadas e um layout geral organizado são exatamente o que você precisa. Não é um design ocupado. Ninguém gosta disso, não apenas pessoas com deficiência.

O cartão de visita acima incorpora todas as ideias acima sobre ajustes de tipografia conscientes. Ele usa uma fonte simples sem serifa por toda parte. O espaçamento entre as letras torna o texto legível. E como toque final, o código QR ajuda a criar o design híbrido perfeito. A digitalização do código leva você a um cartão de visita digital com links para o site, páginas de mídia social e links de discagem direta. Todos os tipos de usuários vão adorar um design sensível focado no usuário como este.

Dica Kimp: Não sabe se a tipografia escolhida é agradável aos olhos do leitor? Escreva os caracteres abaixo um ao lado do outro-

• “i” maiúsculo
• “l” minúsculo
• E o número “1”

E para o tamanho da fonte, afaste-se um pouco do design e veja se consegue ler o texto confortavelmente sem ter que aumentar o zoom. Obtenha algumas perspectivas diferentes dos membros de sua equipe e pronto.

Preocupado em fazer a tipografia funcionar? Entre em contato com a equipe Kimp.

2. O contraste de cores merece uma atenção especial

O contraste é um componente essencial em todos os projetos. O contraste de cores é o que informa o quão distintas são duas cores. Coloque-os lado a lado ou coloque-os um sobre o outro no primeiro plano e no plano de fundo, se as cores quase se misturarem, o contraste é muito menor. O contraste ruim pode ser uma dor para todos os tipos de pessoas. E torna a mensagem particularmente difícil de consumir para pessoas com deficiência visual.

De acordo com o World Wide Web Consortium (W3C), recomenda-se uma taxa de contraste de 4,5:1 ou mais entre o texto do primeiro plano e o plano de fundo.

Ao mesmo tempo, se o contraste for muito alto, ainda pode causar muito desconforto. O exemplo abaixo com o texto em verde sobre um fundo vermelho é um bom exemplo. O contraste é alto, mas a combinação pode pesar nos olhos.

Você também não deseja ter animações piscando e piscando envolvendo cores de alto contraste. Estes podem ser difíceis para pessoas com sensibilidade à luz.

Dica do Kimp: Em vez de se perguntar se aquele vermelho que você escolheu para a fonte ficaria bem em um fundo cinza, use uma ferramenta online como o WebAIM Contrast Checker para descobrir a taxa de contraste.

3. Tenha cuidado ao usar sobreposições de texto

Outro aspecto de design a ser evitado se você deseja criar um design acessível é colocar sobreposições de texto em planos de fundo complicados. Quando há muita coisa acontecendo em segundo plano, mesmo as fontes mais legíveis às vezes são difíceis de ler. Pode ser mais difícil para pessoas com dislexia, por exemplo. Estima-se que 10% da população tenha dislexia. Seus folhetos de negócios, cartão de visita ou design de mídia social devem ser fáceis de ler.

Planos de fundo complicados podem ser na forma de fotos ou planos de fundo padronizados. Embora ambos os designs criem um ótimo plano de fundo, eles nem sempre fazem justiça ao texto que está em primeiro plano.

Para evitar isso, você pode usar caixas de texto ou acentos que sejam cores sólidas ou translúcidas. Verifique novamente a taxa de contraste entre a cor da fonte e a cor do destaque.

Por exemplo, o design abaixo permite que as fotos brilhem ao mesmo tempo em que facilita a leitura do texto.

Problemas relacionados ao contraste podem explodir, especialmente quando se trata de aplicações como rótulos de alimentos ou rótulos de medicamentos. Se o aviso de alergia ou a lista de ingredientes e as instruções de dosagem não forem claras, o design da embalagem pode ser um risco à segurança de seus usuários.

Então, quando se trata de aplicações como embalagens, onde você tem um espaço limitado para trabalhar, aqui está uma ideia para tentar. A Kellogg's introduziu um design de embalagem especial para pessoas com deficiência visual. Existe um código na embalagem que pode ser escaneado por pessoas que usam leitores de tela para obter assistência. Essa é apenas uma maneira de manter seu design híbrido e adequado para todos os tipos de público.

4. Projetando para daltonismo

Escolher cores é uma decisão estressante em si. Mas e se você tivesse que torná-lo adequado para usuários com daltonismo? A boa notícia é que muitas ferramentas de design permitem que você crie designs para pessoas com daltonismo.

Os tipos mais comuns de daltonismo são protanopia, deuteranopia e tritanopia. Quando seu usuário final não consegue ver uma cor diferente da outra, sua decisão de usar cores diferentes para a fonte e o plano de fundo ou cores diferentes para capturar a hierarquia em um infográfico acaba sendo sem sentido.

Estima-se que o daltonismo seja mais comum entre os homens caucasianos. Se isso descreve seu público-alvo, não há dúvida sobre a escolha de paletas de cores seguras para daltônicos.

Ferramentas como o Adobe Color permitem que você verifique se sua paleta de cores é segura para daltônicos. Você verá uma simulação de como as cores escolhidas aparecem para pessoas com daltonismo e poderá identificar as cores que parecem iguais. Na imagem abaixo, as cores onde aparecem as linhas horizontais são as cores que se parecem com os usuários daltônicos. Evite essas combinações complicadas se estiver buscando um design acessível.

Ou, se desejar verificar um projeto existente e torná-lo seguro para daltônicos, você pode usar ferramentas on-line como o Coblis-Color Blindness Simulator para ver como seu projeto se parece para um usuário daltônico.

Se o seu botão CTA se destaca e chama a atenção de um usuário em geral, mas é quase invisível contra o fundo para um usuário daltônico, você ainda está errando o alvo. Cada usuário conta, cada interação do usuário conta. Portanto, escolha as cores certas.

Dica do Kimp: Em vez de confiar apenas na hierarquia baseada em cores, use o tamanho da fonte e outros elementos para tornar as coisas mais claras.

5. Adicione legendas claras para vídeos e texto alternativo para imagens

Lembre-se de que alguns de seus usuários dependem de leitores de tela. Portanto, sua imagem pode não ser útil para eles, a menos que você use um texto alternativo relevante. Sim, seu texto alternativo faz mais do que ajudá-lo com SEO. Isso ajuda a criar um design acessível para seus usuários. Mas sim, fique no ponto – evitando longos descritivos.

O outro aspecto textual dos recursos visuais serão as legendas nos vídeos. Não confie em legendas geradas automaticamente. Use sobreposições de texto para guiar seus usuários pelo vídeo. No YouTube, você pode criar capítulos para tornar as coisas ainda melhores. E, finalmente, adicione suas legendas em uma fonte clara e legível que não desapareça no fundo. E lembre-se de que você tem um fundo em movimento aqui.

Adicionar legendas também ajuda a atender às necessidades das pessoas que preferem assistir a seus vídeos nas mídias sociais sem som. É uma vitória de qualquer maneira. O fato de as plataformas de mídia social priorizarem recursos de acessibilidade, como o LinkedIn recentemente adicionando legendas automáticas para vídeos, é um bom indicador de que é hora de levar a sério o design acessível.

Simplifique o design acessível com Kimp

O design acessível em marketing tem tudo a ver com aproveitar o poder dos recursos visuais sem ignorar as dificuldades e requisitos de até mesmo um de seus grupos de público. Na verdade, por um minuto, esqueça o conceito de “grupos-alvo” e entenda que você está se comunicando individualmente com um conjunto de indivíduos únicos. Isso muda a maneira como você olha para os designs de sua marca! E se precisar de ajuda para criar esses designs acessíveis para sua marca, informe nossos designers e ficaremos felizes em ajudá-lo a criar os melhores anúncios e postagens de mídia social para atender às necessidades de seus diversos dados demográficos de clientes.

Inscreva-se agora e experimente uma assinatura Kimp gratuitamente por 7 dias.

Postagens relacionadas