Indivíduos com deficiências visuais, auditivas ou cognitivas enfrentam desafios específicos ao interagir com elementos visuais, como logótipos. Um design que não tenha em conta estas necessidades pode, inadvertidamente, excluir uma parte significativa da sociedade. Além disso, em diversos países, a legislação está a tornar-se mais rigorosa no que diz respeito à acessibilidade digital, tornando isto uma obrigação legal, para além de moral.

Neste contexto de inclusão e diversidade, um logótipo acessível não é apenas um exemplo de bom design; é um design consciente e responsável. 

Neste artigo, abordamos boas práticas e essenciais de um logótipo desenvolvido de raíz com a acessibilidade em mente, de forma a tornar a sua marca acessível a todos.

Logótipos inclusivos: há mais para além do alt-text

Os logótipos são frequentemente negligenciados quando organizações ou empresas se propõem a tornar os seus sítios web mais acessíveis. Contudo, dada a sua utilização generalizada, deveriam ocupar um lugar de destaque na lista de atualizações e prioridades em termos de acessibilidade. Isto não significa que seja necessário criar um logótipo inteiramente novo; até pequenos ajustes podem ter um impacto significativo para os utilizadores.

Muitas pessoas acreditam que, desde que se forneça o texto alternativo (alt-text) adequado no logótipo, não é preciso preocupar-se com aspetos como o contraste de cores, dimensões das letras ou efeito de foco. Embora isto possa ser tecnicamente correto, uma vez que o logótipo é tratado como uma imagem e não como conteúdo web, defendemos que a verdadeira acessibilidade implica proporcionar uma óptima experiência para cada utilizador.

A seguir, descreveremos os passos essenciais para criar um logótipo acessível, a forma de o utilizar na web e alguns recursos úteis.

O que torna um logótipo acessível

Cores: Devem ser de alto contraste e fáceis de ler. As cores da marca devem complementar-se e, mais importante ainda, devem ter contraste suficiente para não se misturarem, especialmente para utilizadores com deficiências visuais.

Fonte: Chris Holloway, Digital Accessibility Manager PwC (via Linkedin)

Fonte: Upanup

Leia também: Tendências de Cores para 2023

Fontes: Devem ser fáceis de ler. É recomendado o uso de fontes simples e sem serifa, evitando estilos de escrita e tipos de letra de fantasia. Além disso, as fontes devem ser grandes o suficiente para serem facilmente lidas em diferentes contextos e locais.

Os logotipos nem sempre precisam incluir a fonte; no entanto, na maioria dos casos, a fonte pode adicionar contexto e valor adicionais. Também é importante garantir que escolha uma fonte clara, legível e fácil de ler para o cliente. O uso de fontes finas, de script ou unidas pode causar problemas para clientes que dependem de software de reconhecimento óptico de caracteres (OCR).

Fonte: Upanup

Complexidade: Deve ser mantida ao mínimo. O logótipo deve ser fácil de identificar e não demasiado visualmente complexo. Evite o uso de muitas paletas de cores, gradientes ou muitas tonalidades da mesma cor.

Fonte: Upanup 

Texto Alternativo: Deve descrever o que está representado no logotipo. Se o logotipo não for um elemento clicável, deve descrever o que está na imagem. Se for um elemento clicável, o contexto também deve ser fornecido.

Dark mode: o modo escuro tornou-se uma opção presente em vários dispositivos, sendo uma opção confortável até para quem não tem qualquer problema de visão. Na verdade, a maioria dos dispositivos atuais usa frequentemente os modos escuro ou de alto contraste. Os dispositivos Apple e Android nem sequer apresentam programações configuradas para desligar a luz azul, aquecer a cor da tela e inverter cores como preto e branco. Isto, por sua vez, significa que se estiver a usar um logotipo com fundo escuro e não tiver fornecido alternativas, será mais difícil de ver. Tente criar dois logotipos, um para complementar o modo escuro e outro para o modo claro.

No seu canal no Youtube, Visually Impaired Designer, Angela, uma designer gráfica e de user experience que também é deficiente visual, aborda várias questões relacionadas com o design acessível incluindo o design de logótipos.

“Accessible design is good design – it benefits people who don’t have disabilities as well as people who do. Accessibility is all about removing barriers and providing the benefits of technology for everyone.” – Steven Ballmer, former CEO of Microsoft Corporation

Definir os básicos: começar por uma paleta de cores acessível

Quando se trata de acessibilidade de cores, o contraste é fundamental e é um fator decisivo na legibilidade do seu conteúdo.

O WCAG Nível AA (Web Content Accessibility Guidelines, diretrizes de acessibilidade para websites) estabelece índices padrão para o contraste de cores necessário entre elementos de primeiro plano e de fundo para que sejam acessíveis a indivíduos com deficiência de visão de cores (CVD), baixa visão ou cegueira.

É importante ressaltar que a acessibilidade de cores não é subjetiva. Uma combinação de cores atende aos critérios do Nível AA ou não. E convenientemente, existem ferramentas online (como o Stark) que informam se uma combinação de cores passa ou falha no teste de acessibilidade com o toque de um botão.

Se deseja que sua marca faça a transição perfeita entre espaços de impressão e digitais, precisa de uma paleta de cores distintiva e consistente – o que significa que considerar a acessibilidade nas fases iniciais da direção criativa é imperativo.

E se a sua paleta atual não atender aos requisitos?

Às vezes, pequenos ajustes na sua paleta de cores existente podem aumentar o contraste o suficiente para satisfazer os requisitos de acessibilidade (tornar este azul um pouco mais escuro, dar um toque a mais neste verde, etc.). A imagem abaixo mostra as cores de uma marca antes e depois de serem ajustadas para a acessibilidade – uma correção relativamente fácil que mantém o reconhecimento da marca intacto.

Fonte: Radish Lab

Independentemente da sua empresa estar a ajustar a sua marca existente ou a fazer uma reformulação completa, a acessibilidade deve sempre ser considerada nas fases iniciais do projeto.

Se estiver a trabalhar com uma agência de marketing, certifique-se de comunicar que ter uma paleta de cores e tipografia acessíveis é importante para si (embora uma boa agência já deva ter isso em mente). Desta forma, evitará gastar o orçamento em futuras alterações.

Missão: construir um Mundo Digital para todos

Fonte: Diversability

Na sequência da pandemia da COVID-19, a já forte dependência das plataformas digitais cresceu exponencialmente. À medida que as desigualdades em massa que afetavam desproporcionalmente as pessoas com deficiência se tornavam evidentes, os defensores recorreram às redes sociais para espalhar mensagens de inclusão, equidade e justiça.

A utilização do espaço digital aumentou rapidamente e tornou-se um foco central do ativismo em matéria de deficiência, e os defensores aproveitaram a oportunidade para destacar desigualdades de longa data e barreiras de acesso que tinham sido largamente ignoradas antes.

Refazer ou criar logotipos inclusivos é apenas uma das formas de tornar o conteúdo das marcas mais acessível a todos os consumidores, mas por outro lado esta é também uma obrigatoriedade das marcas que desejam tornar-se ou continuar relevantes no mundo cada vez mais diverso que habitamos.

Como vimos, a acessibilidade digital tornou-se uma obrigatoriedade das marcas que desejam tornar-se ou continuar relevantes no mundo cada vez mais diverso que habitamos.

Lembremo-nos de que o mundo digital é vasto e diversificado, e cada pessoa tem a sua forma única de interagir com ele. A nossa missão é abrir as portas da experiência digital para todos, sem exceção.

As diretrizes de acessibilidade são como estradas que continuamente exploramos e aperfeiçoamos. A manutenção consistente da acessibilidade é a nossa bússola, garantindo que nunca nos afastemos do caminho da inclusão.

Vamos criar conteúdo que seja mais do que funcional, que seja acolhedor, confortável e acessível para todos. Porque ultrapassar as diretrizes de conformidade não é apenas um ato de bondade, é o reflexo do nosso compromisso em fazer com que todos se sintam em casa no nosso mundo digital. Juntos, construímos um espaço onde ninguém fica para trás.

Se a sua marca está a precisar de um rebranding, leia este artigo. Se precisar de ajuda, conheça o modelo Scallent e trabalhe connosco!