Tipografia

Criar e projetar conteúdo acessível vai além de apenas escolher uma fonte fácil de ler. Mesmo com famílias de fontes acessíveis, pessoas com deficiências de visão, cognição, linguagem e aprendizado podem ter dificuldades para processar o texto devido a outros elementos, como variações de fonte, tamanho, espaçamento e kerning, para citar alguns. Neste módulo, vamos analisar considerações básicas de design para tornar seu conteúdo mais inclusivo e alcançar ainda mais pessoas.

Fonte

Um fator importante que pode afetar significativamente a acessibilidade da cópia é a família tipográfica. Sua escolha de família tipográfica e estilo pode definir o design de uma página.

Pessoas com distúrbios de leitura, aprendizado e atenção, como dislexia e transtorno de déficit de atenção (TDAH), bem como pessoas com baixa visão, podem se beneficiar ao usar fontes acessíveis.

Escolher famílias tipográficas comuns A maneira mais rápida de criar um design acessível é escolher uma família tipográfica comum (por exemplo, Arial, Times New Roman, Calibri, Verdana e muitos outros).

Muitos estudos de famílias tipográficas testadas por pessoas com deficiências mostram que famílias tipográficas comuns levam a uma velocidade de leitura mais rápida e um nível de compreensão mais profunda quando comparadas a famílias tipográficas incomuns. Embora essas famílias tipográficas comuns não sejam inerentemente mais acessíveis do que outras, algumas pessoas com deficiência têm mais facilidade para lê-las, porque tiveram muita experiência trabalhando com elas (ou ao redor delas).

Além de escolher uma família tipográfica comum, evite famílias tipográficas ornamentadas ou manuscritas, bem como aquelas com apenas uma letra maiúscula disponível (por exemplo, somente caracteres maiúsculos). Essas famílias tipográficas especiais com desenhos cursivos, formas peculiares ou recursos artísticos, como linhas finas, podem parecer boas, mas são muito mais difíceis para algumas pessoas com deficiência lerem do que as famílias tipográficas comuns.

Características da letra e kerning

A pesquisa sobre se famílias tipográficas com serifa ou sem serifa são mais fáceis de ler é inconclusiva, mas alguns números, letras ou combinações podem confundir pessoas com dificuldades cognitivas e aprendizado baseado em linguagem. Para pessoas com esses tipos de deficiência, cada letra e número precisa ser claramente definido e ter características únicas para que as letras não sejam confundidas com números.

Os infratores comuns de legibilidade são o "I" maiúsculo (Índia), o "l" minúsculo (alface) e o número "1". Da mesma forma, em alguns leitores, pares de letras como b/d, p/q, f/t, i/j, m/w e n/u podem virar para a esquerda ou para baixo.

A legibilidade da cópia também diminui quando o espaçamento entre letras ou o kerning é muito estreito. Preste atenção especial ao kerning, especialmente entre o problemático par de letras r/n. Caso contrário, palavras como "fio" podem mudar para "inhame" ou "stern" para "stem", mudando totalmente o significado do texto.

Coleções de fontes de código aberto, como o Google Fonts, podem ajudar a selecionar a família tipográfica mais inclusiva para seu próximo design. Se você usa produtos Adobe, é possível incorporar famílias de fontes acessíveis de parceiros do Foundry diretamente nos seus designs, incluindo o Google Fonts.

Quando estiver procurando sua próxima família tipográfica, preste atenção especial ao seguinte:

• Use fontes comuns sempre que possível.
• Evite usar fontes elaboradas ou escritas à mão e aquelas que tenham apenas um caractere maiúscula.
• Escolha uma família tipográfica com características únicas, prestando atenção especial ao I maiúsculo, ao l minúsculo e ao 1.
• Revise certas combinações de letras para ter certeza de que não são uma imagem espelhada exata uma da outra.
• Verifique o kerning, especialmente entre o par de letras r/n.

Tamanho da fonte e estilo tipográfico

Muitas vezes, as pessoas presumem que escolher uma família de fontes acessível é suficiente para criar conteúdo inclusivo, mas também é importante considerar o tamanho da fonte e como o texto é estilizado na página.

Por exemplo, pessoas com baixa visão ou daltonismo podem não conseguir ler parte do texto se ele for muito pequeno, usando um TA, como o zoom do navegador, para ler o texto. Outros usuários, como dislexia ou distúrbios de leitura, podem ter dificuldade para ler o texto em itálico. Os leitores de tela geralmente ignoram os métodos de estilo, como negrito e itálico, de modo que a intenção desses estilos não é transmitida a usuários cegos ou com baixa visão.

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

Como não é possível prever as necessidades de cada usuário, ao adicionar fontes aos seus produtos digitais, considere as seguintes diretrizes:

• Os tamanhos de fonte base precisam ser definidos com um valor relativo (%, rem ou em) para facilitar o redimensionamento.
• Limite o número de variações de fonte, como cor, negrito, TODAS AS LETRAS MAIÚSCULAS e itálico para melhorar a legibilidade. Em vez disso, use métodos para enfatizar palavras na sua cópia, como asteriscos, traços ou destaque uma palavra.
• Sempre que possível, use marcações em vez de texto nas imagens. Os leitores de tela não podem ler texto incorporado em imagens sem adicionar código extra, e o texto incorporado também pode ficar pixelado quando ampliado por usuários com baixa visão.

Estrutura e layout

Embora a família tipográfica, o tamanho da fonte e o estilo tipográfico sejam importantes para a tipografia acessível, a estrutura e o layout do texto de uma página podem ser igualmente importantes para a compreensão do usuário.

Layouts complexos podem ser uma barreira real para pessoas com baixa visão, deficiência de leitura e 6, 1 milhões de pessoas com TDAH nos EUA. Com esses tipos de deficiências, é mais difícil para as pessoas manterem o lugar e seguirem o fluxo da cópia devido à falta de caminhos lineares claros, cabeçalhos ausentes e elementos desagrupados.

Um aspecto importante dos designs de layout acessíveis é tornar os elementos essenciais diferentes uns dos outros e agrupar elementos semelhantes. Se os elementos estiverem muito próximos, pode ser difícil dizer onde um elemento começa e termina, especialmente se eles tiverem um estilo semelhante.

Pense em seu texto como uma coleção de tópicos individuais em um resumo. Isso ajudará você a planejar a estrutura geral da página e a usar títulos, subtítulos e listas sempre que apropriado.

Espaçamento

O Parágrafo, a frase e o espaçamento entre palavras também são importantes, porque ajudam os leitores a manter o foco no texto e contribuem para a compreensão visual geral da página. Linhas longas de texto podem ser uma barreira para leitores com deficiência, porque eles têm dificuldade em manter o lugar e seguir o fluxo do texto. Um bloco estreito de texto torna mais fácil para os leitores avançarem para a próxima linha.

Alinhamento do conteúdo

Outra frustração para muitas pessoas com deficiência é a leitura de textos justificados. O espaçamento desigual entre as palavras na cópia justificada pode fazer com que "rios de espaço" se formem na página, dificultando a leitura.

A justificativa do texto também pode fazer com que as palavras sejam agrupadas ou esticadas de forma não natural. Dessa forma, os leitores podem ter dificuldade para localizar limites de palavras.

Felizmente, temos diretrizes claras sobre espaçamento e ferramentas, como Boa altura de linha e a Calculadora de proporção dourada, para ajudar a tornar nossa cópia mais acessível. A incorporação dessas diretrizes ajuda pessoas com transtornos de déficit de atenção, deficiências de leitura e visuais a se concentrarem mais no texto e menos no layout.

Práticas recomendadas de estrutura e layout

Ao considerar a estrutura e o layout, certifique-se de:

• Use elementos como títulos, subtítulos, listas, números, citações e outros agrupamentos visuais para dividir a página em seções.
• Usar parágrafos, sentenças e espaçamento de palavras claramente definido.
• Crie colunas de texto que não excedam 80 caracteres de largura (40 caracteres para logogramas).
• Evite o alinhamento de parágrafo justificado, o que cria "rios de espaço" dentro da cópia.

Pontos importantes de tipografia acessíveis

A tipografia acessível pode ser resumida a escolhas de design de senso comum com base no seu conhecimento das necessidades dos usuários. Ter este módulo em mente ao projetar e desenvolver seu conteúdo ajuda muito a se comunicar claramente com o maior número de pessoas.

Teste seu conhecimento

Teste seus conhecimentos sobre como medir a acessibilidade