Tipografia

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, Dificuldades cognitivas, linguísticas e de aprendizado podem ter dificuldade para processar o texto. devido a outros elementos, como variações de fonte, tamanho, espaçamento e kerning, para citar alguns. Este módulo examinará considerações básicas de design para tornar seu conteúdo mais inclusivo e alcance ainda mais pessoas.

Face de tipos

A família tipográfica é um fator importante que afeta muito a acessibilidade à cópia. Sua escolha de família tipográfica e estilo pode ser decisiva no design de qualquer página.

Pessoas com transtornos 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 o uso de famílias tipográficas 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 que testam pessoas com deficiências mostram que famílias tipográficas comuns levam a velocidades de leitura mais rápidas e um nível de compreensão mais profundo 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 famílias tipográficas, algumas pessoas com deficiência têm mais facilidade para lê-las porque tiveram muita experiência com essas famílias tipográficas (ou em volta delas).

Além de escolher uma família tipográfica comum, evite fontes ornamentadas ou manuscritas, assim como aquelas com apenas um caractere maiúsculo disponível (por exemplo, apenas letras maiúsculas). Essas famílias tipográficas especiais com designs cursivos, formas peculiares ou recursos artísticos, como linhas finas, podem parecer boas, mas são muito mais difíceis de ler para algumas pessoas com deficiência do que famílias tipográficas comuns.

Características da letra e kerning

A pesquisa sobre se as famílias tipográficas com serifa ou sem serifa são mais fáceis read for inconclusivo, mas alguns números, letras ou combinações podem confundir pessoas com dificuldades cognitivas e de aprendizado baseado em linguagem. Para pessoas com esse tipo de deficiência, cada letra e número deve ser claramente definidas e têm características únicas, para que as letras não sejam confundidas com números.

O "I" costuma ser uma letra maiúscula. (Índia), "l" minúsculo (alface) e o número "1". Da mesma forma, pares de letras como b/d, p/q, f/t, i/j, m/w e n/u às vezes podem virar para a esquerda para a direita ou para cima para alguns leitores.

A legibilidade da cópia também diminui quando o espaçamento ou kerning das letras é muito grande firmemente. Preste atenção especial ao kerning, especialmente entre os pontos problemáticos par de letras r/n. Caso contrário, palavras como "fio" pode mudar para "inha" ou "séria" "detalhar", mudando completamente o significado da cópia.

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

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

• Use fontes comuns sempre que possível.
• Evite usar fontes elaboradas ou escritas à mão e aquelas com apenas um caractere maiúsculo.
• 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 algumas combinações de letras para garantir que elas não sejam 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

As pessoas geralmente presumem que escolher uma família de fontes acessível é tudo o que há 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 TA, como o zoom do navegador, para ler a cópia. Já outros usuários, como dislexia ou transtornos de leitura, podem ter dificuldade para ler texto em itálico. Os leitores de tela geralmente ignoram os métodos de estilo, como negrito e itálico, para que a intenção desses estilos não seja transmitida a usuários cegos ou com baixa visão.

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

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

• Os tamanhos de fonte base devem ser definidos com um valor relativo (%, rem ou em) até permitir um redimensionamento fácil.
• Limite o número de variações de famílias tipográficas, como cor, negrito, LETRAS MAIÚSCULAS e itálico para aumentar a legibilidade. Em vez disso, use métodos para enfatizar palavras na cópia, como asteriscos, traços ou destacar 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 adição de código extra) e texto incorporado também podem ficar pixelados quando ampliados por usuários de baixa visão.

Estrutura e layout

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

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

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

Pense em seu texto como uma coleção de marcadores individuais em uma contorno. Isso ajudará você a planejar a estrutura geral da página e a permitir usar cabeçalhos, subtítulos e listas sempre que apropriado.

Espaçamento

O espaçamento entre parágrafos, frases e palavras também é importante porque ajuda os leitores a manter o foco no texto e contribui 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 seu lugar e seguir o fluxo da cópia. Um bloco de texto estreito torna mais fácil para os leitores passar para a próxima linha.

Alinhamento de conteúdo

Outra frustração de muitas pessoas com deficiência é ler copiar. O espaçamento desigual entre as palavras em um texto justificado pode causar "rios de espaço" formar a página, dificultando a leitura.

A justificativa de texto também pode fazer com que palavras sejam agrupadas ou esticado de forma artificial, para que os leitores tenham dificuldade para localizar palavras limites.

Felizmente, há diretrizes claras sobre espaçamento e ferramentas como Boa altura de linha e a Calculadora de proporção dourada para tornar nossa cópia mais acessível. A incorporação dessas diretrizes ajuda pessoas com transtornos de déficit de atenção, leitura e visão a se concentrar mais no texto do que no layout.

Práticas recomendadas para estrutura e layout

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

• Use elementos como títulos, subtítulos, listas, números, blocos de aspas 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 texto de até 80 caracteres de largura (40 caracteres para logogramas).
• Evitar o alinhamento justificado de parágrafo, o que cria "rios de espaço" ao a cópia.

Pontos principais de tipografia acessíveis

A tipografia acessível pode ser resumida em escolhas de design de senso comum baseadas no seu conhecimento sobre os necessidades. Tendo este módulo em mente ao projetar e criar seu conteúdo será muito útil comunicar-se claramente com o maior número de pessoas.

Teste seu conhecimento

Teste seus conhecimentos sobre como avaliar a acessibilidade