Como melhorar a acessibilidade de fontes e tipografia em seus designs

Os tipos de fontes, o design das fontes e a tipografia podem ter um enorme impacto na legibilidade e visibilidade dos designs para visualizadores com deficiência visual, uma consideração que os designers de impressão e web muitas vezes ignoram.

Escolher o tipo certo de estilo de fonte para usar em seu layout de impressão ou site para melhorar a acessibilidade do design não precisa ser difícil nem comprometer a estética geral do seu design. Aqui, você pode descobrir mais sobre como diferentes tipos de fontes e design de fontes podem afetar visualizadores com deficiência visual e como você pode fazer melhorias instantâneas na acessibilidade do design.

acessibilidade da fonteacessibilidade da fonteacessibilidade da fonte

Como a escolha da fonte e a tipografia afetam os deficientes visuais?

De acordo com a Organização Mundial da Saúde (OMS), pelo menos 2,2 mil milhões de pessoas têm deficiência visual ou cegueira, o que significa que uma percentagem surpreendentemente elevada de 28,5% da população mundial tem alguma forma de deficiência visual.

A deficiência visual se enquadra amplamente em três categorias, que têm efeitos diferentes ou sobrepostos na forma como as pessoas afetadas interagem com designs baseados em tipos:

Daltonismo significa que, embora a forma do texto não esteja distorcida, a cor do texto pode ser difícil de perceber e a distinção entre as cores pode ser mais difícil. Indivíduos daltônicos também podem ser sensíveis ao brilho das cores.

daltonismodaltonismodaltonismo

Baixa visão (ou baixa acuidade visual) significa que um indivíduo pode ter visão parcial em um ou ambos os olhos, visão embaçada, visão em túnel, perda de campo central e/ou visão turva. Projetos com texto em pequena escala ou alvos de clique podem ser difíceis de ler ou ver para os usuários afetados. Embora algumas pessoas usem zoom integrado especializado no navegador, muitos usuários não técnicos não estão cientes ou não sabem como usar essas extensões.

baixa visãobaixa visãobaixa visão

Cegueira é a perda substancial de visão em ambos os olhos. Para texto impresso e físico, os indivíduos cegos têm confiado no texto Braille, enquanto os utilizadores cegos da Internet recorrem frequentemente à tecnologia de leitor de ecrã, que transforma o conteúdo do ecrã em voz ou o mostra num ecrã Braille. O software leitor de tela mais popular para dispositivos Windows é o JAWS (Job Access With Speech), enquanto os usuários da Apple geralmente usam o VoiceOver.

tradução braille de fontetradução braille de fontetradução braille de fonte

Outros sintomas específicos de deficiência visual que podem afetar a forma como os indivíduos interagem com o texto incluem:

  • Neve visual, brilho, fantasmase catarata—sintomas que podem afetar a clareza, a posição e o número de ocorrências (visão dupla) do texto.
  • Nistagmoque se caracteriza por movimentos oculares rápidos, involuntários e oscilatórios, pode dar a impressão de que o texto está pulando ou desaparecendo.
  • Um campo visual obstruídoque inclui moscas volantes, obstrução lateral (descolamento de retina ou hemianopia), visão central obstruída (glaucoma), visão irregular (retinopatia diabética) ou visão periférica obstruída (retinite pigmentosa ou degeneração macular), pode limitar o campo de visão do indivíduo , o que significa que algumas partes do texto em um design podem não estar visíveis.

Um exemplo de acessibilidade e inacessibilidade em design gráfico na prática

Vejamos um exemplo de como a escolha das fontes e a formatação da tipografia podem afetar a acessibilidade de um site para deficientes visuais.

O Nova-iorquino foi elogiado por aficionados por tipografia por seu uso elegante da tipografia. No site da revista, a fonte serifada peculiar e personalizada, NY Irvin, é equilibrada com Neutraface sem serifa geométrica e Times New Roman com serifa tradicional.

Como publicação com reputação inteligente, O Nova-iorquino tem um site com muito texto, apresentando um cabeçalho e um teaser do título central, junto com uma série de outros títulos de artigos na periferia.

o Nova-iorquinoo Nova-iorquinoo Nova-iorquino

Por mais elegante e esteticamente equilibrada que seja, a tipografia apresenta uma série de questões que comumente limitam a acessibilidade de tais sites a usuários com deficiência visual.

O Nova-iorquino O site teve desempenho ruim em três ocasiões, quando confrontado com usuários com sintomas de baixa acuidade (desfoque), fantasmas e campo visual bloqueado. Você pode usar um simulador de visão online que permite aos web designers avaliar a acessibilidade dos sites.

Um indivíduo com baixa acuidade teria dificuldade para ler o texto definido em menor escala, como os teasers dos artigos nas colunas esquerda e direita, bem como o corpo do texto na área do título.

visão embaçadavisão embaçadavisão embaçada

Se um indivíduo experimentar fantasmas (também conhecidos como visão dupla ou diplopia), o texto do site se torna quase completamente ilegível, o que significa que a acessibilidade no design não é ótima. O estilo ornamentado da fonte serifada é sem dúvida um fator agravante nisso, já que o formato das letras individuais não é instantaneamente perceptível quando sobrepostas. Novamente, não é uma das melhores fontes para deficientes visuais.

fantasmafantasmafantasma

No caso de um campo visual parcialmente bloqueado, o fato do layout ter muito texto e estar espalhado por uma ampla área aumenta a inacessibilidade do site. No caso da visão periférica (normalmente um sintoma de glaucoma ou retinite pigmentosa), os artigos periféricos tornam-se cada vez mais difíceis de ver.

campo visual bloqueadocampo visual bloqueadocampo visual bloqueado

O site tem um desempenho muito melhor, entretanto, em três outros aspectos. Se um indivíduo tem deficiência de cor (como protanopia, daltonismo vermelho-verde), apenas as imagens são geralmente afetadas, com o texto preto colocado sobre um fundo branco provando ser uma escolha de cor clara e legível.

daltonismodaltonismodaltonismo

No caso de perda de contraste, a paleta monocromática de alto contraste também neutraliza o efeito de “acinzentamento” visual. Os usuários com catarata, que normalmente apresentam um campo de visão turvo, também se beneficiarão da cor de alto contraste do texto.

baixo contrastebaixo contrastebaixo contraste

Com base em todas essas observações, os designers de tipos por trás O Nova-iorquino estão fazendo algumas coisas bem para usuários com deficiência visual, mas há questões significativas que poderiam ser alteradas para melhorar a acessibilidade das fontes e do design.

Embora o contraste em preto e branco do texto melhore a legibilidade, a escolha de uma fonte serifada estilizada, o tamanho pequeno do texto e a quantidade e dispersão do texto no layout equivalem a um design com alto estilo, mas com pouca acessibilidade.

6 etapas que você pode seguir para melhorar a acessibilidade da tipografia em seus designs

Melhorar a acessibilidade da tipografia em seus designs impressos ou digitais não é difícil. Abaixo estão seis etapas que você pode seguir para melhorar a legibilidade, visibilidade e acessibilidade geral da tipografia e das fontes.

Conclusão: Melhorando a acessibilidade das fontes em seus designs

Ao manter os requisitos de acessibilidade do design em mente enquanto você projeta ou usa fontes em mídia impressa ou sites, você garantirá que estará produzindo um design gráfico acessível para usuários com deficiência visual.

Embora a legislação relativa ao uso de fontes acessíveis em sites ainda não esteja definida, está crescendo a pressão sobre as empresas para acomodar usuários com deficiência visual ou outras deficiências. O design é uma área que pode ter um impacto significativo na acessibilidade dos meios de comunicação, pelo que é cada vez mais importante que os designers estejam atentos às necessidades das pessoas com deficiência visual e atuem sobre elas no trabalho que produzem.

Para saber mais sobre como melhorar a acessibilidade em seus designs, confira estes artigos úteis:

Deixe uma resposta