Criar e projetar conteúdo acessível é mais do que apenas escolher uma fonte fácil de ler. Mesmo com famílias de fontes acessíveis, pessoas com baixa visão, deficiências cognitivas, de linguagem e de aprendizagem podem ter dificuldade para processar o texto devido a outros elementos, como variações de fonte, tamanho, espaçamento e entrelinhamento, entre outros.
Este módulo aborda considerações básicas de design para tornar seu conteúdo mais inclusivo e alcançar ainda mais pessoas.
Face de tipos
Um dos principais fatores que podem afetar muito a acessibilidade da cópia é a face de tipos. A escolha da família tipográfica e do estilo pode fazer ou quebrar qualquer design de página.
Pessoas com distúrbios de leitura, aprendizagem e atenção, como dislexia e transtorno de déficit de atenção e hiperatividade (TDAH), bem como pessoas com baixa visão, podem se beneficiar quando você usa faces de tipos acessíveis.
Escolher faces de tipos comuns
A maneira mais rápida de criar um design acessível é escolher uma face de tipos comum (como Arial, Times New Roman, Calibri, Verdana e muitas outras).
Muitos estudos de faces de tipos que testam pessoas com deficiência mostram que as faces de tipos comuns levam a velocidades de leitura mais rápidas e a um nível de compreensão mais profundo em comparação com faces de tipos incomuns. Embora as faces de tipos comuns não sejam inerentemente mais acessíveis do que outras, algumas pessoas com deficiência têm mais facilidade para lê-las porque têm muita experiência trabalhando com (ou em torno de) essas faces de tipos.
Além de escolher uma face de tipos comum, evite faces de tipos ornamentadas ou manuscritas, bem como aquelas com apenas um caso de caractere disponível (por exemplo, apenas caracteres maiúsculos). Essas famílias tipográficas especiais com designs cursivos, formas peculiares ou recursos artísticos, como linhas finas, podem parecer bonitas, mas são muito mais difíceis de ler para algumas pessoas com deficiência do que as famílias tipográficas comuns.
Características e entrelinhamento de letras
A pesquisa sobre se faces de tipos serifadas ou sem serifa são mais fáceis de ler não é conclusiva, mas determinados números, letras ou combinações podem confundir pessoas com dificuldades de aprendizagem e cognitivas baseadas na linguagem. Para pessoas com esses tipos de deficiência, cada letra e número precisa ser claramente definido e ter características exclusivas, 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, pares de letras como b e d, p e
q, f e t, i e j, m e w e n e u podem aparecer invertidos,
da esquerda para a direita ou de cima para baixo, para alguns leitores.
A legibilidade da cópia também diminui quando o espaçamento ou o entrelinhamento das letras é muito apertado. Preste atenção especial ao entrelinhamento, especialmente entre o par de letras problemático r/n. Caso contrário, palavras como "yarn" (fio) podem mudar para "yam" (inhame) ou "stern" (severo) para "stem" (haste), mudando completamente o significado da cópia.
Coleções de faces de tipos de código aberto, como Google Fonts, podem ajudar você a selecionar a face de tipos mais inclusiva para seu próximo design. Se você usa produtos da Adobe, pode incorporar famílias de fontes acessíveis de parceiros de fundição diretamente nos seus designs, incluindo algumas Google Fonts.
Ao procurar sua próxima face de tipos, preste atenção especial ao seguinte:
- Use fontes comuns sempre que possível.
- Evite usar fontes elaboradas ou manuscritas e aquelas com apenas um caso de caractere.
- Escolha uma face de tipos com características exclusivas, prestando atenção especial ao I maiúsculo, ao l minúsculo e ao 1.
- Revise determinadas combinações de letras para garantir que elas não sejam uma imagem espelhada exata uma da outra.
- Verifique o entrelinhamento, especialmente entre o par de letras r e n.
Tamanho da fonte e estilo tipográfico
As pessoas costumam presumir que escolher uma família de fontes acessível é tudo o que é necessário para criar conteúdo inclusivo, mas também é importante considerar o tamanho da fonte e como o texto é estilizado em uma página.
Por exemplo, pessoas com baixa visão ou daltonismo podem não conseguir ler parte da cópia se ela for muito pequena, usando uma tecnologia assistiva, como o zoom do navegador, para ler a cópia. Outros usuários, como aqueles com dislexia ou distúrbios de leitura, podem ter dificuldade para ler texto em itálico. Os leitores de tela geralmente ignoram 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 sites e aplicativos da Web, considere as seguintes diretrizes:
- Os tamanhos de fonte base precisam ser definidos com um valor relativo (%, rem ou em) para permitir o redimensionamento.
- Limite o número de variações de face de tipos, como cor, negrito, TODAS AS MAIÚSCULAS e itálico, para aumentar a legibilidade. Em vez disso, use métodos para enfatizar palavras na sua cópia, como asteriscos, traços ou destacar uma palavra individual.
- Use marcação em vez de texto em imagens sempre que possível. Os leitores de tela não podem ler texto incorporado em imagens (sem a adição de 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 face de tipos, o tamanho da fonte e o estilo tipográfico sejam importantes para a tipografia acessível , a estrutura e layout da cópia em 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, dificuldades de leitura e os 6, 1 milhões de pessoas nos EUA com TDAH. Esses tipos de deficiência dificultam que as pessoas mantenham o lugar e sigam o fluxo da cópia devido à falta de caminhos lineares claros, títulos ausentes e elementos não agrupados.
Um aspecto importante dos designs de layout acessíveis é tornar os elementos críticos distintos 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 na sua cópia como uma coleção de marcadores individuais em um contorno. Isso vai ajudar você a planejar a estrutura geral da página e permitir que você use títulos, subtítulos e listas sempre que apropriado.
Espaçamento
O espaçamento de parágrafos, frases e palavras ajuda os leitores a manter o foco na cópia e contribui para a compreensão visual geral da página. Linhas longas de cópia podem ser uma barreira para leitores com deficiência, pois eles têm dificuldade para manter o lugar e seguir o fluxo da cópia.
Um bloco de cópia estreito facilita a leitura da próxima linha.
Alinhamento do conteúdo
Outra frustração para muitas pessoas com deficiência é a leitura de cópias justificadas. O espaçamento desigual entre as palavras em cópias justificadas pode causar a formação de "rios de espaço" na página, dificultando a leitura da cópia.
A justificativa de texto também pode fazer com que as palavras sejam agrupadas ou esticadas de maneiras não naturais, de modo que os leitores podem ter dificuldade para localizar os limites das palavras.
Felizmente, há diretrizes claras sobre espaçamento e ferramentas como Good Line-Height e a Calculadora da proporção áurea 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, leitura e deficiências visuais a se concentrarem mais na cópia e menos no layout.
Práticas recomendadas para estrutura e layout
Ao considerar a estrutura e o layout, faça o seguinte:
- Use elementos como títulos, subtítulos, listas, números, blocos de citação e outros agrupamentos visuais para dividir a página em seções.
- Use parágrafos, frases e espaçamento de palavras claramente definidos.
- Crie colunas de cópia com menos de 80 caracteres de largura (40 caracteres para logogramas).
- Evite o alinhamento de parágrafos justificado, que cria "rios de espaço" na cópia.
Principais conclusões sobre tipografia acessível
A tipografia acessível pode ser reduzida a escolhas de design de bom senso com base no seu conhecimento das necessidades dos usuários. Manter este módulo em mente ao projetar e criar seu conteúdo vai ajudar muito a se comunicar claramente com o maior número de pessoas.